Getting to know HTML Flashcards
___ are designators that define the structure and content of objects within a page.
Elements. Ex: <a></a>
The use of less-than and greater-than angle brackets surrounding an element creates what is known as a _____.
Tag. Ex: <a>…..</a>
_____ are properties used to provide additional information about an element.
Attributes.
Ex:
<a>Shay Howe</a>
Attributes are defined within the opening tag, after an element’s name.
Recite from memory “HTML Document Structure”
<!DOCTYPE html>
<html>
<head>
<meta></meta>
<title>Hello World</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is a web page.</p>
</body>
</html>
What elements simply receive their content or behavior from attributes within a single tag.
Self-Closing Elements
What is a <div>?
A <div> is a block-level element that is commonly used to identify large groupings of content, and which helps to build a web page’s layout and design.
What is a <span> ?</span>
A <span> is an inline-level element commonly used to identify smaller groupings of text within a block-level element.</span>
Describe the difference between block-level elements and inline level elements.
Block-level elements begin on a new line, stacking one on top of the other, and occupy any available width. Block-level elements may be nested inside one another and may wrap inline-level elements. We’ll most commonly see block-level elements used for larger pieces of content, such as paragraphs.
Inline-level elements do not begin on a new line. They fall into the normal flow of a document, lining up one after the other, and only maintain the width of their content. Inline-level elements may be nested inside one another; however, they cannot wrap block-level elements. We’ll usually see inline-level elements with smaller pieces of content, such as a few words.
How do you comment in HTML and CSS?
HTML comments start with <!-- and end with -->
CSS comments start with /* and end with */
What are some important things to remember about headings?
-block level elements.
-6 different rankings
-they help search engines index and determine content.
-headings should be used for semantically valued and not used for size of text.
What is most often followed after a heading and what type of element is it?
<p> a paragraph.
It is a block-level element.
Paragraph can appear one after the other.
</p>
What is the semantic difference between the <strong> and <b> elements? What type of elements are these?</b></strong>
In-line level elements because it is tied into the paragraph and did not start on a new line.
The <strong> element is semantically used to give strong importance to text, and is thus the most popular option for bolding text.</strong>
The <b> element, on the other hand, semantically means to stylistically offset text, which isn’t always the best choice for text deserving prominent attention.</b>
<!-- Strong importance -->
<p><strong>Caution:</strong> Falling rocks.</p>
<!-- Stylistically offset -->
<p>This recipe calls for <b>bacon</b> and <b>baconnaise</b>.</p>
What are some ways to Italicize?
The <em> element is used semantically to place a stressed emphasis on text; it is thus the most popular option for italicizing text.
The other option, the <i> element, is used semantically to convey text in an alternative voice or tone, almost as if it were placed in quotation marks.</i></em>
<!-- Stressed emphasis -->
<p>I <em>love</em> Chicago!</p>
<!-- Alternative voice or tone -->
<p>The name <i>Shay</i> means a gift.</p>
In HTML5 what are some new ways to build structure into your HTML.
With the new structurally based elements, using the <header>, <nav>, <article>, <section>, <aside>, and <footer> elements.
The __________ element, like it sounds, is used to identify the top of a page, article, section, or other segment of a page.
<header>
The <header> element is a structural element that outlines the heading of a segment of a page. It falls within the <body> element.
</body></header></header>
