Introductory Concepts Flashcards
What is the tag used for?
The tag contains metadata about the document
The element is metadata that represents the title of the overall HTML document (not the document’s content.)
It is what is shown on the browser tab
The contents are also used in search results
The element is metadata that represents the title of the overall HTML document (not the document’s content.)
What are some elements that help with Search Engine Optimization?
This is what will be shown as the results title
This will be shown below the title
This is specific to showing the title when your page is linked on Facebook. There is a similar syntax to work with Twitter.
Ensures the page is indexed more effectively by specifying the language
Search engines indexing your page consider the contents of headings as important keywords for influencing the page’s search rankings. (<h1> etc.)
Search engines use link text to index target files, so it is a good idea to include keywords in your link text to effectively describe what is being linked to.</h1>
What is a favicon?
Basic way to add one to your page?
The icon shown in your browser tab
Put something like:
in the
What are some metadata elements that help with Search Engine Optimization?
This is what will be shown as the results title
This will be shown below the title
This is specific to showing the title when your page is linked on Facebook. There is a similar syntax to work with Twitter.
How do you link a JavaScript file called script.js to your HTML file?
Note: the “defer” option is important! It makes sure the HTML is all created before running the Javascript
How do you link a CSS file called style.css to your HTML file?
<em></em>
<strong></strong></em>
Wrapping text in <em> tags gives it emphasis, showing it as italic AND causing a screen reader to read it differently.</em>
<strong> has a similar effect, making the text bold</strong></em>
What is the result of this line?
<a>the Mozilla homepage</a>.
A link that looks like “the Mozilla homepage”, that when hovered over will display a small message “The best place to find more information about Mozilla’s
mission and how to contribute”
<em></em>
Wrapping text in <em> tags gives it emphasis, showing it as italic AND causing a screen reader to read it differently.</em>
What is the result of this line?
<a>the Mozilla homepage</a>.
A link that looks like “the Mozilla homepage”, that when hovered over will display a small message “The best place to find more information about Mozilla’s
mission and how to contribute”
Where does the following link direct to?
<a>company mailing address</a>
To the HTML element that has the id=”Mailing_address”
<blockquote></blockquote>
If a section of block level content (be it a paragraph, multiple paragraphs, a list, etc.) is quoted from somewhere else, you should wrap it inside a <blockquote> element to signify this, and include a URL pointing to the source of the quote inside a cite attribute.
Browser default styling will render this as an indented paragraph, as an indicator that it is a quote
<blockquote>
<p>The <strong>HTML <code><blockquote></code> Element</strong> (or <em>HTML Block
Quotation Element</em>) indicates that the enclosed text is an extended quotation.</p>
</blockquote></blockquote>
</code></strong></p></blockquote>
What does the following do?
<a>Send email to nowhere</a>
When clicked, this link will open a mail program to send an email to nowhere@mozilla.org
(you can specify subject, cc, body, etc. using query parameters, but lets look those up when necessary)
