More HTML Formatting Help

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>

, , , , , , , ,

Comments are closed.