More HTML Formatting Tags

From Lunarpages Web Hosting Wiki
Jump to: navigation, search

We have already covered some basic HTML tags you will use when writing your web page code. Here are a few more that you might find come in handy, when designing your own web page.

Image Tags

In HTML, when you want to call upon an image to be displayed on your web page, you need to use the img tag. This tag tells the browser and web server that you are going to put an image here, and then what follows src= is the direct path to the image in question.

Code: <img src="http://www.yourdomain.com/yourimage.jpg" />

Horizontal Rule Tags

The horizontal rule is for making a nice separator between sections of your web page. It acts as a single solid line that can be placed anywhere on your web page. It looks like this:

Code: <hr />

List Tags

If you want to format a list of topics on a single page, then the list tags will come in handy. You would start a list with the <ul> tag and end it with the </ul> tag. For each item on the list, you will want to wrap it in the <li> and </li> tags.

Code: <ul> <li>item #1</li> <li>item #2</li> </ul>

Ordered List Tags

If you want to format a list of topics on a single page, and have them numbered, the ordered list tags should be used. You would start a list with the <ol> tag and end it with the </ol> tag. For each item on the list, you will want to wrap it in the <li> and </li> tags.

Code: <ol> <li>item #1</li> <li>item #2</li> </ol>

Link Tags

Links are used to help users go from one page to the next page. The basic link is started with the <a href=""> tag with the page's path you want to link to inside the quotation marks. Then you type in the text of the link, and close it out with the </a> tag.

Code: <a href="http://www.somedomain.com/pageiamlinkingto.html">This Text is a Link</a>

What Have You Learned About HTML Formatting Tags?

Now, take a look back at what this page has taught you:

  • How to best use the image tags to show images on a web page
  • The horizontal rule will put a horizontal line across a web page
  • The list tags can be used to format lists
  • The ordered list tags can be used to format lists, and number them
  • Link tags are used to link from one web page to another web page, when clicked in the browser

Web Design Tutorial Navigation

Previous Web Design Tutorial:

Share |
Want to read this in another language?