Learn HTML Tags
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">
Page 1 Page
2 Page 3
|
