ITS Home Tech Support Laptop Program E Learning Media Services Communications

Web Services Home

How to obtain Webspace

Course1

Desire2Learn

Web Accessibility Guidelines

WSU Web Policy

HTML Tutorial

FTP Tutorial

Student Webs

Student Clubs

Webmail

 

Tags

HTML is just a series of tags that are integrated into a text document.

HTML tags are usually English words (such as "table") or abbreviations (such as "p" for paragraph), but they are distinguished from the regular text because they are placed in small angle brackets. So the paragraph tag is <p>, and the table tag is <table>.

Some tags dictate how the page will be formatted (for instance, <p> begins a new paragraph), and others dictate how the words appear (<b> makes text bold). Still others provide information - such as the title - that doesn't appear on the page itself.

The first thing to remember about tags is that they travel in pairs. Every time you use a tag - say <table> - you must also close it off with another tag - in this case, </table>. Note the slash - / - before the word "table"; that's what distinguishes a closing tag from an opening tag. There are a few tags that do not require the closing tag. The paragraph tag is one of them since the end of a paragraph is implied with the next formatting tag (such as another paragraph tag).

Tags are used a lot for appearance.

    This is bold while this is italicized and this is large.

The HTML for the sentence above may look odd because of the tags used. The HTML looks like this:

    <b>This is bold</b> <i>while this is italicized</i> <font size="+2">and this is large.</font>

It can be very easy to make a mistake with the use of tags. The most common is forgetting the "/" in the closing tag, or forgetting the closing tag completely. Following are two more sentences, the second has an error, can you find it?

    I kicked the ball over the goal.
    I kicked the ball <b>over</b> the goal.
    I kicked the ball into the goal.
    I kicked the ball <b>into<b> the goal.

You should have noticed that the second piece of code is missing a slash (/) in the tag after the word INTO, which causes the web browser to interpret the code as leaving the bold face on. This is a common error, so be careful of it.

<---Back to HTML Tutorial    On to Structure--->