WebBuilder101 - Making the web happen!
Need Web Dev software? Here is the place to
Flash Point
Lesson 1 | 2 | 3 | 4 | 5


HTML Lesson 2 - It's all in the Tags


HTML tags are what makes HTML work, that's why I'm going to devote the next few lessons to them.  It is very important that you practice writing these tags.  The examples will help you see how you can use these tags and what the results look like. Don't move on to the next tag if you don't understand or can't memorize the previous one. Note that not all HTML tags will be covered since there are so many, instead we will cover the most commonly used ones. For more information on books that will help you learn HTML go to the books page.

Anchor

<A> .. </A>
The Anchor provides a clikable link to another web site or to a designated point in the same document or web page.
Example:
<A href="http://www.yahoo.com">Click here to go to Yahoo!</A>
Click here to see what it looks like


Abbreviation

<Abbr>...</Abbr>
Use this to mark text as an abbreviation.
Example:
Return this document to me <abbr title="as soon as possible">ASAP</abbr>
Click here to see what it looks like.

 

Address

<Address>...</Address>
Use this to enclose information about a document, such as the author's name, contact information, etc.
Example:
<address>My Business Name<br>My Business Address<br>My Telephone Number<br>My e-mail address</address>
Click here to see what it looks like.


Bold Text

<B>...</B>
Use this to make text boldface.
Example:
This is how <B>Boldface Text</B> looks like.
Click here to see what it looks like.

 

Big Text

<Big>...</Big>
Use this to make text larger.
Example:
This is what<big>large text</big>looks like.
Click here to see what it looks like.


Quote Style

<Blockquote>...</Blockquote>
Use this to quote text.
Example: <blockquote>This is what block quote looks like.</blockquote>
Click here to see what it looks like.

 

Body

<Body>...</Body>
Use this tag to identify the body of an HTML document.  Here is where most of the content in a web site goes.
Example: <body>Here is where all the content of my web site goes.</body>
Click here to see what it looks like.


Line Break

<Br>...</Br>
Use this to force a line break in text.
Example: This is a paragraph.<br> This is another paragraph.<br>
Click here to see what it looks like.

 

Table Caption

<Caption>...</Caption>
Use this to caption a table.
Example: <table border="1" width="40%"><caption>This is the Caption</caption><colgroup><col alig="center"><col align="center"><tbody><tr><td width="25%">HTML</td><td width="25%">4.0</td></tr></tbody></table>
Click here to see what it looks like


Center

<Center>...</Center>
Use this to center text.
Example: <center>This is centered text.</center>
Click here to see what it looks like.

 

Cite Text

<Cite>...</Cite>
Use this to cite text.
Example: <cite>This is cited text.</cite>
Click here to see what it looks like.


Column Properties

<Col>...</Col>
Sets the properties of a column in a table.
Example: <table border="1" width="40%"><caption>This is the Caption</caption><colgroup><col align="center"><col align="center"><tbody><tr><td width="25%">HTML</td><td width="25%">4.0</td></tr></tbody></table>
Click here to see what it looks like.

 

Column Group

<Colgroup>...</Colgroup>
Sets the properties of one or more columns in a table.
Example: <table border="1" width="40%"><caption>This is the Caption</caption><colgroup><col align="center"><col align="center"><tbody><tr><td width="25%">HTML</td><td width="25%">4.0</td></tr></tbody></table>
Click here to see what it looks like.

 

BackBack to lesson 1
.

 

More Resources
HTML Books
Learn the code
What is HTML

Suggested Reading

Beginning Active Server Pages 3.0
JavaScript Bible
Red Hat Linux
Dreamweaver 3.0
HTML Bible



Download WB101 Wallpaper
• Web Builder 101 Wallpaper Get it!.
• Find out how to create your own Wallpaper Teach me!.
Sign up for our Newsletters
• Web Building Sign me Up!.
• Net Alert! Sign me Up!.
Need Help?
• Contact Support Click here.
• E-mail the Webmaster Click Here.
• Search Tips Click Here.

Webbuilder101.com © 1998 - 2003 Copyright and Terms of Use
Send mail to: webmaster@webbuilder101.com

» About » Support

» FAQ » What's New » MyLog

Web Builder 101 Web Builder 101 - Making the Web Happen Web Builder 101 - Making the Web Happen
.