|
HTML tags defined
Select
an HTML definition page
1
2 3
HTML Tags
Main HTML tags
HTML is used for designing web pages. Open your textpad and you can begin
to design a web page. Always begin with the HTML tags below. Once you
are done just save your web page as .HTM or as .HTML and your page is
ready to be viewed in a browser. If you dont have textpad you can link
to a FREE trial download at http://www.discoveryvip.com/links.htm
<html></html> Sets up HTML document. Placed
in beginning and at end of document
<head></head> For information that isnt
displayed in the Web page itself. The title is placed in between the head
tags.
<title></title> Places the name of the
document in the title bar
<meta name="title" > Insert non dynamic
information. Used to give information about site not visable
<body></body> Used for the visible part of
the document. The Attributes below are used in the body tags to create
different effects. All colors can be set in Hex Value or name value.
<body alink=?> active links
<body bgcolor=?> For background color
<body link=?> color of links
<body text=?> the text color
<body vlink=?> visited links
Example: <body bgcolor="#000000" text="#00FF00"
link="#990000" vlink="#0000FF" alink="#FFFF00">
Text Tags
Text can be added anywhere on the white space. To change
text value use the following tags.
<h1></h1> Creates the largest headline
<em></em> Emphasizes a word
<b></b> Bold text
<i></i> Italic text
<strong></strong> Emphasizes a word
<font size=?></font> Size of font, from
1 to 7
<font color=?></font> Font color
Example: <em><strong><font color="#00FF00"
size="2" face="Arial, Helvetica, sans-serif">h
</font></strong></em>
Simple Format
Formating your document to look right is very important. Sometime you
have to adjust your code to properly design your web page
<p></p> Paragraph
<p align=?> alignment of paragraph
<br> Line break
<blockquote></blockquote> Indents text from
both sides
<li></li> In front of text. Makes lists
<ol></ol> Numbered list
<dl></dl> Definition list
<ul></ul> Unordered list
<dt> In front of each definition term
Space
“ Left quote
” Right quote
— EM dash
Example: <blockquote> <p align="center">Hello<br>Line
2 </p></blockquote>
<ol> <li>test 2</li></ol>
<dl> <dt> test</dt></dl>
Making Links
Links are what makes the web the web. You can set links for email which
will automatically select the users default email and you can link within
your own document by naming a location then targeting it.
<a href="URL"></a> Makes a hyperlink
<a href= target=? Targets a frame
<a href="mailto:EMAIL"></a> Email
link
<a name="NAME"></a> Targeting a
location within a document
<a href="#NAME"></a>Links to that
target location
Example: <a href="http://www.discoveryvip.com"
target="_blank">Links </a>
<a href="mailto:main@discoveryvip.com">Mail </a>
Graphics
What would a web page be without graphics. HTML even allows you to add
simple horizontal lines with hr
<img src="name"> Adds an image
<img src="name" alt="text">
Text if image odes not load or mouse over
<img src="name" width=?> Width of image
<img src="name" height=?> Height of
image
<img src="name" align=?> Alignment
of image
<img src="name" border= ?> Border around
the image
<hr> Makes a horizontal line
<hr size=?> height of line
<hr width=?> width of line
<hr noshade> line without shadow
Example: <img src="file:///D|/images/banner1.png"
alt="alt text for mouse over" width="450" height="120"
align="bottom"></dt><hr width="20" size="20">
|
