Tags Description - Meaning - Definition
Tags Description - Meaning - Definition
<a>
<abbr>
<acrony
m>
<area>
<b>
<base>
<bdo>
<bgsoun
d>
<blockqu
<blockquote>separate a section</blockquote>
ote>
of text from the surrounding text.
<blink>
<body>
<html>
<head>
</head>
<body>
Body tags identify the content of a web page.
</body>
</html>
<br>
<button>
<caption
>
<table>
<caption>CAPTION tag adds a caption to a
table.</caption>
<tr>
<td>
</td>
</tr>
</table>
<center>
<cite>
<code>
<col>
<colgrou
p>
<table>
<colgroup span="2">
<col width="60" align="left"></col>
<col width="80" align="center"></col>
</colgroup>
<tr>
<td>1st Column</td>
<td>2nd Column</td>
</tr>
</table>
COLGROUP tags are used to define groups of table columns.
<table>
<colgroup span="2">
<col width="60" align="left"></col>
<col width="80" align="center"></col>
</colgroup>
<tr>
<td>1st Column</td>
<td>2nd Column</td>
</tr>
</table>
DD tag defines a definition description.
<dd>
<dl>
<dt>NASA</dt>
<dd>National Aeronautics and Space
Administration</dd>
<dt>MBA</dt>
<dd>Master of Business Administration</dd>
</dl>
<dfn>
<del>
<dir>
<dir>
<li>First</li>
<li>Second</li>
<li>Third</li>
</dir>
DL tag defines a definition list.
<dl>
<div>
<dl>
<dt>CSU</dt>
<dd>California State University</dd>
<dt>UN</dt>
<dd>United Nations</dd>
</dl>
DIV tag is a logical section of a web document.
<div>
<h1>Home Pets</h1>
<p>Cats</p>
<p>Dogs</p>
</div>
DT tags defines a definition term.
<dt>
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>
EMBED tag gives a command to a browser to include a
multimedia elements, such as video, sound files within a web
document.
<fieldset
>
<font>
<form>
Top of Form
eMail:
Name:
Send
Bottom of Form
<frame>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<head>
tag" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="javaexample.js"
type="text/javascript"></script>
</head>
<body>
</body>
</html>
HR tag draws a horizontal break line.
<hr>
Two choices for the same result: <hr> or <hr />
HTML tags contain HTML elements, and give a command to
browsers to read the document as an HTML document.
<html>
<iframe>
<img>
<html>
<head>
</head>
<body>
</body>
</html>
iFrame tag creates an inline frame that contains another web
page in it.
<input>
Top of Form
eMail:
Name:
Web Designer
Web Developer
Windows
Mac
Send
Bottom of Form
<ins>
<isindex
>
Example:
Bottom of Form
<i>
<kbd>
<label>
Bottom of Form
<legend> LEGEND tag assigns a caption in a fieldset element.
<legend>Questionnaire</legend>
<p>Where do you live?</p>
<form action="">
<input type="radio" name="country" id="usa" />
<label for="usa">USA</label><br />
<input type="radio" name="country" id="canada" />
<label for="canada">Canada</label>
</form>
Questionnaire
Where do you live?
Top of Form
USA
Canada
Bottom of Form
LI tag defines a list of ordered and unordered items.
<ol>
<li>HTML</li>
<li>PHP</li>
<li>JavaScript</li>
</ol>
<ul>
<li>HTML</li>
<li>PHP</li>
<li>JavaScript</li>
</ul>
<li>
<link>
1.
HTML
2.
PHP
3.
JavaScript
HTML
PHP
JavaScript
LINK tag defines a link to an external document, such as
External Style Sheets.
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<marque
e>
<menu>
<menu>
<li>Google</li>
<li>Yahoo</li>
<li>MSN</li>
</menu>
Google
Yahoo
MSN
META tags are declaring information for the search engine
robots and crawlers.
<meta>
<html>
<head>
<meta name="description" content="Page description
goes here.">
<meta name="keywords" content="meta tags, html tags,
meta">
</head>
<body>
</body>
</html>
<html>
<head>
<title>Frame Tags in Action</title>
</head>
<noframes>
<body>
<h1>Sorry, your browser doesn't support this feature!
</h1>
</body>
</noframes>
<frameset cols="35%, 65%">
<frame src ="/htmlcodes/left-frame.html" />
<frame src ="/htmlcodes/right-frame.html" />
</frameset>
</html>
Demo Example
NOSCRIPT tag is specifying a "NOSCRIPT" version page layout
for browsers that don't support "SCRIPT" version. NOSCRIP
tags are used in conjunction with the JavaScript or VBScript
elements.
<noscript
<script type="text/javascript" language="javascript">
>
document.write("We are here to learn HTML");
</script>
<noscript>
Sorry, your browser doesn't support JavaScript, VBScript.
</noscript>
<optgrou OPTGROUP tag creates an option drop-down group menu.
p>
<select>
<optgroup label="Fruits">
<option value ="banana">Banana</option>
<option value ="pineapple">Pineapple</option>
</optgroup>
<optgroup label="Vegetables">
<option value ="tomato">Tomato</option>
<option value ="potato">Potato</option>
</optgroup>
</select>
<ol>
<p>
1.
Red
2.
Green
3.
Blue
<P> tag is specifying a paragraph and creates a new line.
<h4>Header 4</h4>
<p>This is a paragraph.</p>
PRE tag is specifing a preformatted text. This tag does,t let
the browsers to eliminate "white spaces" in the text.
<pre>
<pre>
City
London
Cool
City
Paris
City
Awesome
</pre>
EXAMPLE
<q>
City
London
Cool
City
Paris
City
Awesome
<s>
<script>
<html>
<head>
<script src="javascript.js"
type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
document.write("This is a script tag placement tutorial.")
</script>
</body>
</html>
SELECT tag creates a menu on a form.
<select>
<select>
<option value ="planes"
selected="selected">Planes</option>
<option value ="trains">Trains</option>
<option value ="automobiles">Automobiles</option>
</select>
Planes
<span>
<strike>
<div>
<p>Cats and Dogs <span style="color:blue;">are our
friends.</span></p>
</div>
STRIKE tag creates a strike through words or text. Strike tag
is depreciated and is not supported in XHTML 1.0 Strict DTD,
therefore it's recommended to use DEL tag instead.
<strike>striking through</strike>
STRONG tag is specifying a strong text.
<strong>
<style>
<div>
<p>Weightlifters are <strong>strong
people.</strong></p>
</div>
STYLE tag specifies a link and location to a style sheet, and
gives a command to browsers regarding to a layout for a web
page. Please find; First bold line is an External Style, and the
next bold lines are for the Internal Style web page
presentation.
<html>
<head>
<title>HTML Tags - Head Tag</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<table>
<table>
<tr>
<td>First Cell</td>
<td>Second Cell</td>
</tr>
</table>
TD tag creates a data cell.
<td>
<th>
<table>
<tr>
<td>First Data Cell</td>
<td>Second Data Cell</td>
</tr>
</table>
TH tag creates a header cell.
<table>
<tr>
<th colspan="2">My Shopping List</th>
</tr>
<tr>
<td>Apples</td>
<td>Pears</td>
</tr>
</table>
TR tag creates a row in a table.
<tr>
<tbody>
<table>
<tr>
<td>Data Cell 1</td>
<td>Data Cell 2</td>
</tr>
</table>
TBODY tag creates a table body.
<table>
<thead>
<tr>
<td colspan="2">>Header - Complete List of Basic HTML
Tags</td>
</tr>
</thead>
<tbody>
<tr>
<td>Tags</td>
<td>Attributes</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">>Footer - Created by Fillster.com</td>
</tr>
</tfoot>
</table>
TEXTAREA tag creates a text area.
<textarea rows="4" cols="30">
Place you text in here...
<textarea </textarea>
>
<tfoot>
<thead>
<table>
<thead>
<tr>
<td colspan="2">>Header - HTML Tags List</td>
</tr>
</thead>
<tbody>
<tr>
<td>HTML Tags</td>
<td>HTML Attributes</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">>Footer - Copyright
Fillster.com</td>
</tr>
</tfoot>
</table>
THEAD tag creates a table header.
<table>
<thead>
<tr>
<td colspan="2">>Header text place here.</td>
</tr>
</thead>
<tbody>
<tr>
<td>Element - 1</td>
<td>Element - 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">>Footer notes put here.</td>
</tr>
</tfoot>
</table>
TITLE tag declares a title of an HTML document.
<title>
<html>
<head>
<title>Brief description of the web page.</title>
</head>
<body>
</body>
</html>
TT tag creates a teletype text.
<tt>
<u>
<ul>
<var>
Script
Tag
VAR tag indicates a variable parameter.
This is a <var>variable parameter<var> of the sentence.