Reading...
Play button
Play button
Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
73 Cards in this Set
- Front
- Back
|
Explain the <a> element |
The <a> tag defines a hyperlink, which is used to link from one page to another |
|
|
List the attributes of the <a> element supported by HTML5
|
download, href, hreflang, media, rel, target, and type |
|
|
Please explain the download attribute off the <a> element.
|
The download attribute specifies that the target will be downloaded when a user clicks on the hyperlink.This attribute is only used if the href attribute is set. The value of the attribute will be the name of the downloaded file. There are no restrictions on allowed values, and the browser will automatically detect the correct file extension and add it to the file (.img, .pdf, .txt, .html, etc.). If the value is omitted, the original filename is used. |
|
|
Give an example of the <a> element use in conjuctions with the download attribute and explain.
|
<a href="/images/myw3schoolsimage.jpg" download="w3logo"> The download attribute can only be use when a actual link is given, the value of the download attribute will be the name given to the file being downloaded when the user clicks on the link. |
|
|
Please explain the href= attribute off the <a> element.
|
The href attribute specifies the link's destination:
|
|
|
Give an example of the <a> element use in conjuctions with the href attribute and explain.
|
<a href="http://www.w3schools.com">Visit W3Schools</a>. The url should always be withing double quotes. The Value in beweteen the <a> elements is the clickable items in this example it is text, But you can also use images.
|
|
|
Please explain the hreflang= attribute off the <a> element.
|
The hreflang attribute specifies the language of the linked document. This attribute is only used if the href attribute is set.
|
|
|
Give an example of the <a> element use in conjuctions with the hreflang attribute and explain.
|
<a href="http://www.w3schools.com" hreflang="en">W3Schools</a> In this link the en value of the hreflang attribute stand for english, which states that the language of the link is English.
|
|
|
Please explain the media attribute off the <a> element.
|
The media attribute specifies what media/device the linked document is optimized for.This attribute is used to specify that the target URL is designed for special devices (like iPhone) , speech or print media.This attribute can accept several values.Only used if the href attribute is present.Note: This attribute is purely advisory.
|
|
|
Please explain the rel attribute off the <a> element.
|
The rel attribute specifies the relationship between the current document and the linked document.Only used if the href attribute is present.
|
|
|
Give an example of the <a> element use in conjuctions with the rel attribute and explain.
|
<a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a> In this example the rel attribute is use with the value of nofollow which Links to an unendorsed document, like a paid link.("nofollow" is used by Google, to specify that the Google search spider should not follow that link)
|
|
|
Please explain the target attribute off the <a> element.
|
The target attribute specifies where to open the linked document.
|
|
|
Give an example of the <a> element use in conjuctions with the target attribute and explain.
|
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools</a> In this exaple the target attribute is use with the value _blank which opens the linked document in a new window or tab.
|
|
|
What are the possible values for the target attribute of the <a> element.
|
1) _blank : Opens the linked document in a new window or tab 2) _self Opens the linked document in the same frame as it was clicked (this is default) 3) _parent Opens the linked document in the parent frame 4) _top Opens the linked document in the full body of the window 5) framename Opens the linked document in a named frame |
|
|
Please explain the type attribute off the <a> element.
|
The type attribute specifies the Internet media type (formerly known as MIME type) of the linked document.This attribute is only used if the href attribute is set.Note: This attribute is purely advisory.
|
|
|
Give an example of the <a> element use in conjuctions with the type attribute and explain.
|
<a href="http://www.w3schools.com" type="text/html">W3Schools</a> In this example the type attribute is use with the value of text/html which states that the link is an html document. |
|
|
Explain the <a> element
|
The <a> tag defines a hyperlink, which is used to link from one page to another
|
|
|
List the attributes of the <a> element supported by HTML5
|
download, href, hreflang, media, rel, target, and type
|
|
|
Please explain the download attribute off the <a> element.
|
The download attribute specifies that the target will be downloaded when a user clicks on the hyperlink.This attribute is only used if the href attribute is set. The value of the attribute will be the name of the downloaded file. There are no restrictions on allowed values, and the browser will automatically detect the correct file extension and add it to the file (.img, .pdf, .txt, .html, etc.). If the value is omitted, the original filename is used.
|
|
|
Give an example of the <a> element use in conjuctions with the download attribute and explain.
|
<a href="/images/myw3schoolsimage.jpg" download="w3logo"> The download attribute can only be use when a actual link is given, the value of the download attribute will be the name given to the file being downloaded when the user clicks on the link.
|
|
|
Please explain the href= attribute off the <a> element.
|
The href attribute specifies the link's destination:
|
|
|
Give an example of the <a> element use in conjuctions with the href attribute and explain.
|
<a href="http://www.w3schools.com">Visit W3Schools</a>. The url should always be withing double quotes. The Value in beweteen the <a> elements is the clickable items in this example it is text, But you can also use images.
|
|
|
Please explain the hreflang= attribute off the <a> element.
|
The hreflang attribute specifies the language of the linked document. This attribute is only used if the href attribute is set.
|
|
|
Give an example of the <a> element use in conjuctions with the hreflang attribute and explain.
|
<a href="http://www.w3schools.com" hreflang="en">W3Schools</a> In this link the en value of the hreflang attribute stand for english, which states that the language of the link is English.
|
|
|
Please explain the media attribute off the <a> element.
|
The media attribute specifies what media/device the linked document is optimized for.This attribute is used to specify that the target URL is designed for special devices (like iPhone) , speech or print media.This attribute can accept several values.Only used if the href attribute is present.Note: This attribute is purely advisory.
|
|
|
Please explain the rel attribute off the <a> element.
|
The rel attribute specifies the relationship between the current document and the linked document.Only used if the href attribute is present.
|
|
|
Give an example of the <a> element use in conjuctions with the rel attribute and explain.
|
<a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a> In this example the rel attribute is use with the value of nofollow which Links to an unendorsed document, like a paid link.("nofollow" is used by Google, to specify that the Google search spider should not follow that link)
|
|
|
Please explain the target attribute off the <a> element.
|
The target attribute specifies where to open the linked document.
|
|
|
Give an example of the <a> element use in conjuctions with the target attribute and explain.
|
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools</a> In this exaple the target attribute is use with the value _blank which opens the linked document in a new window or tab.
|
|
|
What are the possible values for the target attribute of the <a> element.
|
1) _blank : Opens the linked document in a new window or tab 2) _self Opens the linked document in the same frame as it was clicked (this is default) 3) _parent Opens the linked document in the parent frame 4) _top Opens the linked document in the full body of the window 5) framename Opens the linked document in a named frame
|
|
|
Please explain the type attribute off the <a> element.
|
The type attribute specifies the Internet media type (formerly known as MIME type) of the linked document.This attribute is only used if the href attribute is set.Note: This attribute is purely advisory.
|
|
|
Give an example of the <a> element use in conjuctions with the type attribute and explain.
|
<a href="http://www.w3schools.com" type="text/html">W3Schools</a> In this example the type attribute is use with the value of text/html which states that the link is an html document.
|
|
|
What is the docktype for HTML5
|
<!DOCTYPE html>
|
|
|
After the doctype is wriiten what should you do next.
|
You should write the character encoding. Which is an attribute of the <meta> element, which is element that can only be written inside the <head> element.
|
|
|
What is the <meta> element in HTML5
|
Metadata is data (information) about data.The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.<meta> tags always go inside the <head> element.
|
|
|
What attributes can the <meta> element have?
|
charset, content, http-euiv, and name
|
|
|
What is the attribute charset of the <meta> element and give an example.
|
The charset attribute specifies the character encoding for the THML document. An Example is <meta charset="UTF-8"> where the value is "UTF-8", you will almost always work with the UTF-8 value for the <meta> element.
|
|
|
What is the content attribute of the <meta> element and give an example. What are the values for the content attribute?
|
The content attribute gives the value associated with the http-equiv or name attribute. In short the content attribute is part of the name attribute which then list all the values of the name attribute, content is the actual meta data. Example: <meta name="categories" content="work, projects, current"/> 2nd Example: <meta name="keywords" content="HTML,CSS,XML,JavaScript">
|
|
|
What is the http-equiv attribute of the <meta> element and give its values and example.
|
The http-equiv attribute provies an HTTP header for the information/value of the content attribute. The possible values are default-style, refresh and content-type. Example: <meta http-equiv="default-style" content="the document's preferred stylesheet"> 2nd example: <meta http-equiv="refresh" content="300">
|
|
|
Explain the default-style value of the http-equiv attribute.
|
Specified the preferred style sheet to use.Example:<meta http-equiv="default-style" content="the document's preferred stylesheet">Note: The value of the content attribute above must match the value of the title attribute on a link element in the same document, or it must match the value of the title attribute on a style element in the same document.
|
|
|
Explain the refresh value of the http-equiv attribute:
|
Defines a time interval for the document to refresh itself.Example:<meta http-equiv="refresh" content="300">Note: The value "refresh" should be used carefully, as it takes the control of a page away from the user. Using "refresh" will cause a failure in W3C's Web Content Accessibility Guidelines.
|
|
|
What is the name attribute of the <meta> element and give an example.
|
The name attribute specifies a name of the metadata, could have values such as, apllication-name which specifies the name of the web application, author which specifies the name of the author of the document. Description which specifies a descriotion of the page Example: <meta name="description" content="Free web tutorials">. generator which specifies on the the software packages use to generate the document Example: <meta name="generator" content="FrontPage 4.0">. and keywords with specifies a comma-separated list of keywords relevant to the page. Example: <meta name="keywords" content="HTML, meta tag, tag reference">
|
|
|
What is the title element of html5 and give an example
|
The <title> tag is required in all HTML documents and it defines the title of the document. <title>HTML Reference</title>
|
|
|
Why is the <title> element important?
|
Provides a title for the page when its added to favorites, displays a title for the page in search-engline results.
|
|
|
Whats is the reccomended lengh of a the title value?
|
60 characters including space should be the target.
|
|
|
What is the <link> element for HTML5
|
The <link> tag defines the relationship between a document and an external resource.The <link> tag is most used to link to style sheets.
|
|
|
What are the attributes of the <link> element
|
1) href : Spefifies the location of the linked document, 2) hreflang:Specifies the language of the text in the linked document, 3)media: specifies on what divice the linked document will be displayed, 4) rel: Specifies the relationship between the current document and the linked socument, 5)sizes: Specifies the size of the linked resource. Only for re="icon" 6) Type Specifies the media type of the linked document.
|
|
|
What is the required attribute of the <link> element?
|
The rel attribute is the only required attribute of the link element.
|
|
|
Give an example of the <link> element use for attaching a an external Styles sheet.
|
<link rel="stylesheet" type="text/css" href="theme.css">
|
|
|
Where does all the contents of a website go?
|
The contents of a website goes in the <body> element.
|
|
|
What is the tag use to create heading in html5 and give an example.
|
The <h1> - <h6> element are use to create headings in html5. Example: <h1> This is the most important heading</h1>
|
|
|
Are <hn> n for 1-6 element important for the outline of your site?
|
Heading elements are of the most importants for the outline and structure of a webpage. Search engines use your <h1> element into considaration when a user searches for a topic.
|
|
|
Html element are made of how many tags.
|
Usually 2 tags some element only have one tag.
|
|
|
What are attributes made of
|
Attributes are made of a name and a value, Example: name="value" . All values should be inside quotation marks.
|
|
|
Where are attributes to an element place
|
Attributes are placed inside the opening tag.
|
|
|
What element is use for creating paragraths in html and how many tags does it have.
|
The <p> element is use and it has both an opening tag and a closing tag.
|
|
|
What is the <em> element and when should it be used. How many tags does the <em> element have.
|
The <em> element is used for emphasized text. The <em> element has to tags an opening and closing tag.
|
|
|
What is the <strong> element and when shoud it be used. How many tags does the <strong> element have.
|
The <strong> element is use to give importants to text. The <strong> element has both an opening and closing tag.
|
|
|
What is the <sup> element and when should it be used. How many tags does the <sup> element have?
|
Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW[1].
|
|
|
what is the <sub> element and when should it be used. How many tags does the <sub> element have?
|
The <sub> element is used to contain characters that should be superscript which will usually appear 1/2 a line below normal text. Subscript text can be used for chemical formulas, like H2O where the 2 will be smaller and lower then the H.
|
|
|
How is white space treated in HTML
|
Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW[1].
|
|
|
What is the <br /> element and how many tags does it have.
|
The <br /> element is use to insert line breaks. This tag has no names or values in bewteen the element and so its known as an empty element with 1 tag.
|
|
|
What is the <hr /> element and how many tags does it have
|
The <hr /> element is use to symbolise a change of topic in a article, in html 4 it use to create a horizontal line but in html5 is mainly use for structure.
|
|
|
What are the two elements use to mark quotations and what are there differences.
|
The <blockquote> and the <q> elements are use to mark up quotations in an article. <bloackquote> is use for large areas of text and the <q> element is use for smaller usually 1 line of text.
|
|
|
What are the attributes that both <blockquote> and the <q> element can have. Give an example.
|
They can both use the site attribute which will usually contain a url to the site of the original information being quoted. <q cite="http://www.worldwildlife.org/who/index.html">Love html5</q>
|
|
|
What element is use for abbreviations and acronyms
|
The <abbr> element is use for abbreviations and acronyms.
|
|
|
What attributes must be use to with the <abbr> element
|
The title attribute must be used to give the full meaning of the abbreviation or acronym use: Example: <p> <abbr title="Professor">Prof</abbr>
|
|
|
When you want to cite a title of a work what element do you use?
|
The <cite> element should be use to cite any piece of work. Example: <p><cite> A Brief History of Time</cite> by Stephen Hawkings.</p>
|
|
|
What is the element <dfn> use for in html5? Give an example.
|
The first time you explain some new terminology you can surround the new term in the element <dfn> to indicated the first instance of a new term in a article. Example: <p> A <dfn>black hole</dfn> is a region of spcae form which noting, not even light, can escape.</p>
|
|
|
What is the purpose of the <address> element in HTML5
|
The <address> element has quite a pecific use: to contain contact details for the author of the page. If the <address> element is inside the <body> element it represents the contact information of the document and if its inside any <article> element it represents the contact information of the article. Example: <address> <p> 742 evergeen terrace, springfield.</p></address>.
|
|
|
What is the <ins> element use for?
|
The <ins> element is use to mark contents usually text that has been inserted into a document after publishing.The browers will usually underline the contents of the <ins> element Example: <p>It was the <del>worst</del> <ins>best</ins> idea she had ever had.</p>
|
|
|
What is the <del> element use for in html5?
|
The <del> element can show text that has been deleted from a ducument after publishing. Usually browers will strike a line throuth contents found within the the <del> element.
|
|
|
What is the <s> element use for in html5?
|
The <s> element indicates something that is no longer accurate or relevant (but should not be deleted). Example: <p>Laptop Computer:<p> <p><s>Was $995</s></p> <p>Now only $375</p> |
