Next, you'll practice using 10 of the most common tags:
| <h1> </h1> |
First level heading |
<h2> </h2> |
Second level heading |
<p> </p> |
paragraph |
<em> </em> |
emphasis (italic) |
<strong> </strong> |
strong (bold) |
<br /> |
line break (notice that there is a space between br and /) |
<hr /> |
horizontal rule (notice that there is a space between hr and /) |
<ol> </ol> |
ordered list |
<ul> </ul> |
unordered list |
<li> </li> |
list item |
NOTE: use lower case (not UPPER CASE)
For the version of HTML that we're using, the tags must use lower case letters or they won't be considered "valid" (something you'll learn about more later).
NOTE: paired tags versus stand-alone tags
Paired tags have an opening tag, for example <p>
and a closing tag, for example </p>
Stand-alone tags have a slash to close them right at the end of the tag, for example <br />. Notice the space between the tag and the slash.
You'll practice using these tags by modifying existing HTML that uses all of them.
1. Open Notepad++ and create a new document (go to the "File" menu and choose "New").
2. Select the text in the panel to the right (it starts with <html> and ends with </html>).
3. Copy this text (chose "copy" from the "Edit" menu), then go to Notepad++ and paste it into your new document.
4. Save the document as "fit1002.html"
Now you're ready to make changes
5. Figure out how to add a fourth element to the numbered list.
6. Open the file in a browser to see how it looks. If it isn't correct, try again.
Next you will be making more changes to your file