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


HTML Lesson 3 - It's all in the Tags

Definition Description

<Dd>...</Dd>
Use this to define a term (the definition is indented)
Example:<dl><dt>HTML<dd>Hypertext Markup Language</dl>
Click here to see what it looks like.


Term Definition

<Dfn>...</Dfn>
Use this to define a term (the definition is in italics).
Example: <dfn>HTML</dfn> stands for Hypertext Markup Language.
Click here to see what it looks like.

 

Directory List

<Dir>...</Dir>
Use this to list things.
Example:
<dir><li>HTML<li>Java Script<li>DHTML</dir>
Click here to see what it looks like.


Definition List

<Dl>...</Dl>
Use this to list items.
Example: <dl><dt>HTML<dd>Hypertext Markup Language</dl>
Click here to see what it looks like.

 

Definition Term

<Dt>...</Dt>
Use this to list terms that will be defined.
Example: <dl><dt>HTML<dd>Hypertext Markup Language</dl>
Click here to see what it looks like.


Font

<Font>...</Font>
Use this to control the font appearance of text.
Example: <font color="red" size="5">This is how it works</font>
Click here to see what it looks like.

 

Heading Level

<H1>...</H1>
Use this to control the header zise. This goes from H1to H6.
Example: <h2>This is the Header</h2>
Click here to see what it looks like.


Document Head

<Head>...</Head>
This is the Head of the Document (very important).
Example: <html><head><title>Head</title></head></html>
Click here to see how it works.

 

Horizontal Rule

<Hr>
Use this to create a horizontal rule.
Example: <hr>
Click here to see what it looks like.


HTML Document

<Html>...</Html>
This is the first tag you use in an HTML document.  This tells the browser that the document should be interpreted as HTML
Example: <html><head><title>HTML</title></head></html>
Click here to see what it looks like.

 

Italic Text

<I>...</I>
Use this to Italize text.
Example:
This is <i>Italized</i> text.
Click here to see what it looks like.


Image

<Img>
Use this to insert an image into your HTML document.
Example: <img src="../../image.gif" align="center" alt="This is an image" width="100" height="40">
Click here to see what it looks like.

 

List Item

<Li>
Use this tag to list items.
Example: This is a list <ul><li>list 1<li>list 2<li>list 3</ul>
Click here to see what it looks like.


Ordered List

<Ol>...</Ol>
Use this to number items in a list.
Example:
This is an ordered list<ol><li>List 1<li>list 2</ol>
Click here to see what it looks like.

 

Back Back to lesson 2
.

 

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
.