|
|
|
|
|
|
|
|
|
|
|
Back
Next
This HTML Tutorial section of HTML Tags guide provide us all the
HTML tags available while making a webpage.
HTML Structure Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
HTML File |
<html> |
none |
</html> |
|
File Header |
<head> |
none |
</head> |
|
HTML
File Title |
<title> |
none |
</title> |
|
HTML
Comments |
<!-- |
Your comments go between the start and end tags.
Put a space between the -- and your comments. |
--> |
|
Body |
<body> |
background="filename"
bgcolor="color value"
text="color value"
link="color value"
vlink="color value" |
</body> |
|
Division |
<div> |
align="right/left/center"
style="property:value;"
class="classname" |
</div> |
|
Span (inline) |
<span> |
style="property:value;"
class="classname" |
</span> |
HTML Basic Text Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
HTML
Line Break |
<br> |
clear="left/right/all" |
</br> or <br /> |
|
HTML
Paragraph |
<p> |
align="center/right" |
</p> |
|
HTML
Bold Content |
<b> |
none |
</b> |
|
HTML
Italic Content |
<i> |
none |
</i> |
|
HTML
Typewriter Style Text |
<tt> |
none |
</tt> |
|
HTML
Headline |
<h1-6> |
align="center/right" |
</h1-6> |
|
HTML
Font Tag |
<font> |
face="name, name"
size="+/-value/fixed size"
color="color value"
Note: the font tag is being phased out in favor of
CSS styles. |
</font> |
|
Horizontal Rule in HTML |
<hr> |
size="XX"
width="XX/XX%"
noshade |
</hr> or <hr /> |
|
Block Quote |
<blockquote> |
none |
</blockquote> |
|
Division |
<div> |
align="left/center/right" |
</div> |
HTML List Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
Unordered HTML List |
<ul> |
type="disc/circle/square" |
</ul> |
|
Ordered HTML List Tag |
<ol> |
type="I/A/1/a/i"
start="value to start counting at" |
</ol> |
|
List Item tag in HTML |
<li> |
type=all ul and ol options |
</li> |
|
Definition List in HTML |
<dl> |
none |
</dl> |
|
Definition List Item in HTML |
<dt> |
none |
</dt> |
|
Definition List Definition in HTML |
<dd> |
none |
</dd> |
HTML Link Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
Anchor Link tag in HTML |
<a> |
href="filename"
target="windowname" |
</a> |
|
Anchor Mark in HTML |
<a> |
name="markname" |
</a> |
HTML Image Tag
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
Insert Image tag in HTML |
<img> |
src="filename"
align="left/right"
width="XXX"
height="XXX"
alt="text that desribes image"
ISMAP
USEMAP="#mapname" |
</img> |
HTML Client-side Image Mapping Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
Define Map tag in HTML |
<map> |
name="mapname" |
</map> |
|
Area Definition of Map tag in HTML |
<area> |
shape="rect/circle/poly/point"
coords="X,Y,X,Y"
href="imagename" |
</area> |
HTML Table Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
Table tag in HTML |
<table> |
border="X"
width="XX/X%"
cellspacing="XX"
cellpadding="XX"
bgcolor="color value" background="filename" |
</table> |
|
Table Rows in HTML Table tag |
<tr> |
align="left/center/right"
valign="top/middle/bottom"
bgcolor="color value" |
</tr> |
|
Table Data tag in table row of HTML |
<td> |
align="left/center/right"
valign="top/middle/bottom"
width=X
nowrap
colspan="X"
rowspan="X"
bgcolor="color value" |
</td> |
|
Table Header tag in HTML |
<th> |
align="left/center/right"
valign="top/middle/bottom"
width=X
nowrap
colspan="X"
rowspan="X"
bgcolor="color value" |
</th> |
|
Caption of HTML Table |
<caption> |
align="left/center/right"
valign="top/middle/bottom" |
</caption> |
HTML Frame Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
Set HTML Frames |
<frameset> |
cols="XX/XX%/*"
rows="XX/XX%/*" |
</frameset> |
|
Frame Definition in HTML |
<frame> |
src="filename"
name="framename"
noresize
scroll=auto/yes/no
marginwidth="XX"
marginheight="XX" |
</frame> |
|
Base of Frame in HTML |
<base> |
target="framename"/
"_self"/
"_top"/
"_parent"
(Note the underscores) |
</base> |
|
No Frames tag in HTML |
<noframes> |
Between start and end tags, place the content that
appears when a non-frames browser loads this page. |
</noframes> |
HTML Form Tags
Function of
HTML Tag |
Starting HTML Tag |
Attributes of HTML Tag |
Ending Tag |
|
Form tag in HTML |
<form> |
method=get/put
action="programname" |
</form> |
|
Input Field tag in HTML Form |
<input> |
name="variablename"
type=text/password/
checkbox/radio/submit/
reset/image |
</input> |
|
Selection List of HTML Form |
<select> |
name="variablename"
size=XX
multiple |
</select> |
|
Selection Option tag in HTML Form |
<option> |
none |
</option> |
|
Scrolling Text Field tag in HTML |
<textarea> |
name="variablename"
rows=XX
cols=XX |
</textarea> |
HTML Meta Tags
Function of
HTML Tag |
Start Tag |
Attributes of HTML Tag |
Ending Tag |
<meta>
(Server metatags) in HTML |
http-equiv="refresh"
content="seconds, filename" |
none |
</meta> |
<meta>
(Content metatags) in HTML document |
name="keywords/description/author/
generator/abstract/expiration"
content="your information" |
none |
</meta> |
HTML Style Sheet Tags
Function of
HTML Tag |
Start Tag |
Attributes of HTML Tag |
Ending Tag |
|
Style Definition Area tag |
<style> |
type="text/css">
Style declarations go between begin and end style tags |
</style> |
|
Link to external CSS File in
HTML |
<link> |
rel=stylesheet
type="text/css"
href="URL" |
none |
Back
Next
|
|
|
|
|
|
|
|
|
|