HTML Tags
Goals
Overview
<p>first sentence</p> <p>second sentence</p><h1><em></em></h1>
Steps
Step 1
Hello <em>World</em>! My name is Rachel.Step 2
<h1>Hello <em>World</em>!</h1> <p>My name is Rachel.</p>Step 3
<h1>Hello <em>World</em>!</h1> <p>My name is Rachel.</p> <p>I like:</p> <ul> <li>Polka Dots</li> <li>Soccer</li> <li>Programming</li> </ul>
Explanation
Tag Purpose a A link (the 'a' stands for Anchor). h1 to h6 Various headers, h1 is the most important, h6 the least. ul Start a bulleted list (an 'unordered list'). ol Start a numbered list (an 'ordered list'). li A single thing within a list (a 'list item'). table, tr, td Tables (like this one) with table rows and data cells. form A form that can collect data from user input. input A text input, a button, or a checkbox in a form. div A section marker that doesn't do anything specific to the contents itself, but does make a new line after. (a 'division'. More on this later) span Another section marker that doesn't do anything to its contents, but is inline - it does not make a new line after.
Tag Purpose section A section of a document: a thematic grouping of content. nav A navigation section, containing links to other pages or to parts within the current page. header The header for a page or section of a page. (This is different from the head element, which contains metadata about the page!). footer The footer for a page or section of a page. main The main content of a page. aside Content that's related to the main content, but could be considered separate from it.
Next Step:
Go on to HTML Structure
Back to Basic CSS