HTML Tutorial: Lesson 2 - Tags

Here is a list of tags you can use in your <body> tag to do various effects with your website:

Tag Name Description HTML Example Result
Boldface Use this whenever you want to make the words on your page thicker in order to make them jump out Here are <b>Some Words</b> Here are Some Words
Italic Use this whenever you wish to give your words a bit of a slant Here are <i>Some Words</i> Here are Some Words
Underline Use this whenever you wish to draw a line under some words Here are <u>Some Words</u> Here are Some Words
Level 1 Heading This is commonly used to show the title of a website at the top of a page Here are <h1>Some Words</h1> Here are

Some Words

Level 2 Heading Like the level 1 heading, but smaller. This is usually used at the top of a section of a website Here are <h2>Some Words</h2> Here are

Some Words

Level 3 Heading Even smaller than a level 2 heading Here are <h3>Some Words</h3> Here are

Some Words

Level 4 Heading Even smaller than a level 3 heading! Here are <h4>Some Words</h4> Here are

Some Words

Paragraph Tag Used to group words you type into paragraphs <p>This is one Paragraph</p><p>This is another paragraph!</p>

This is one Paragraph

This is another paragraph!

The Line Break Used in order to force text onto the next line. Its effect is like hitting the enter key on the keyboard. This tag is one of the few that doesn't need a pair of tags. You only need the one. Here is something<br/> that I typed. Here is something
that I typed.
The Anchor Tag (i.e. hyperlinks!) This tag allows you to link to other parts of your website or other websites. What you put after the "href" part of the tag is where you want to link to. In my example, I link to the lesson menu and also a search website called Duck Duck Go. Click <a href="index.html">here</a> to go to the html lessons menu, click <a href="http://www.duckduckgo.com">here</a> to go to Duck Duck Go! Click here to go to the html lessons menu, click here to go to Duck Duck Go!
Back to Lesson Menu