Tags are elements of the HTML language. Almost
every kind of tag has an opening symbol and a closing symbol. For example, the
<HEAD> tag identifies the beginning of heading information. It also has a
closing tag </HEAD>.
<HTML></HTML>
This element tells browsers that the file is a
HTML document. Each HTML document starts with the tag <HTML>. This tag should be
first thing in the document. It has an associate closing tag </HTML> which must
be the last tag in the file.
<HEAD></HEAD>
The head contains important information about
the document.
<TITLE></TITLE>
The title tag is an important tag. It is used to display a title on the top of
your browser window. Both the opening and the closing tags go between the head
tags.
<META>
Another tag that can be added in the head is a <META> tag. It is used to help
search engines index a page. There are several different meta names.
The author meta:
Collapse
<META NAME="author" CONTENT="Nongjian Zhou">
The description meta:
Collapse
<META NAME="description" CONTENT="A very easy
tutorial for HTML beginners">
The keyword meta.
Note that always seperate Keywords with a
comma:
Collapse
<META NAME="keyword" CONTENT="html,tutorial,beginner,web
design">
The following example shows how these tags are
coded:
Collapse
<head>
<title>HTML For Beginners</title>
<meta name="Author"
content="Nongjian Zhou">
<meta name="Description"
content="A very easy tutorial for HTML beginners">
<meta name="Keywords"
content="html,tutorial,beginner,web design">
</head>
<BODY></BODY>
The Body Tag is used to identify the start of
the main portion of your webpage. Between <BODY> </BODY> tags you will place all
images, links, text, paragraphs, and forms. We will explain each tag that is
used within the body of the HTML file.
<H#></H#>
There are six levels of headings, numbered 1 through 6. These tags are used for
the characters in the outlines. The biggest heading is <H1> and smallest one is
<H6>:
Collapse
<H1>Biggest text</H1>
......
<H6>smallest text</H6>
<P></P>
Paragraph tags (<P> opening tag and </P> closing tag) allow you to place a
paragraph.
For example:
<p>Basic Information</p>
*The </P> closing tag may be omitted
Align
The defaulted position is left justification.
You can also use "ALIGN" for justification:
Collapse
<p ALIGN="center"> Paragraph will be
centered</p>
<p ALIGN="left"> Paragraph will be left justified</p>
<p ALIGN="right">Paragraph will be right justified</p>
Ex : <CENTER></CENTER>
This kind of tags have capability of allowing
you to center the text on the homepage.
Collapse
<center><p> Paragraph will be
centered</p></center>
<BR>
This tag break whatever to be on the next
line. The following is an example:
Collapse
<p>Welcome To<br> My Homepage!</p>
<HR>
This tag adds a horizontal line or divider to
your web site. An <HR> tag makes the following
divider:
The <hr> tag can be set as:
<hr width="450" align="right" size="5">
** You can add spaces in your text by using .
<BLOCKQUOTE></BLOCKQUOTE>
You can use this tag to format or remove a
text by movinging both the left and right sides of the paragraph.
Collapse
<BLOCKQUOTE>
<H1>Welcome To John's Homepage!</H1>
<p>Content</p>
<p>Basic Information</p>
</BLOCKQUOTE>
![Image-1.jpg]()
<PRE></PRE>
Preformatted the text of the paragraph to
exactly display what you typed in the Web browser.
For example:
Collapse
<pre>
Item Price quantity
-----------------------------
A 34.99 23
B 25.95 13
-----------------------------
</pre>
![Image-2.jpg]()
I will Post Some More Interesting Post
Tomorrow. If you cant Wait then Please Download my PDF.