Scribd
Upload
100 views

HTML Tags

The document defines various HTML tags through their tag name, a brief description, syntax example, and example output. It provides details on tags such as <!DOCTYPE> which defines the document type, <a> which defines a hyperlink, <abbr> which defines an abbreviation, and <base> which defines default addresses or targets for all links on a page. The document serves as a reference for how different HTML tags are structured and used.

Uploaded by

Mukesh Badgujar
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
100 views

HTML Tags

The document defines various HTML tags through their tag name, a brief description, syntax example, and example output. It provides details on tags such as <!DOCTYPE> which defines the document type, <a> which defines a hyperlink, <abbr> which defines an abbreviation, and <base> which defines default addresses or targets for all links on a page. The document serves as a reference for how different HTML tags are structured and used.

Uploaded by

Mukesh Badgujar
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 24

Tag Description Syntax Example Output

<!--...--> Defines a comment <! Enter <!--This is a comment.


comment here> Comments are not displayed in
the browser-->
<!DOCTYPE>  Defines the <!DOCTYPE <!DOCTYPE html PUBLIC The content of
document type HTML PUBLIC "-//W3C//DTD XHTML 1.0 document......
"-//W3C//DTD Transitional//EN"
HTML "http://www.w3.org/TR/xhtml1/D
4.01//EN" TD/xhtml1-transitional.dtd">
"url">
<a> Defines an anchor <a <a Visit W3Schools.co
href="url"> href="http://www.w3schools.com">Visi
</a> t W3Schools.com!</a>
<abbr> Defines an The <abbr The <abbr title="World Health WHO
abbreviation title="Enter Title Organization">WHO</abbr> was
Here">Text</ab founded in 1948.
br>
<acronym> Defines an acronym <acronym Can I get this <acronym title="as soon ASAP
title="enter title as possible">ASAP</acronym>?
here">Text</acr
onym>?
<address> Defines contact <address> <address> Written by
information for the Text<br /> Written by W3Schools.com<br />
author/owner of a <a <a W3Schools.com
document href="mailto:us href="mailto:[email protected]">Email Email us
@example.org"> us</a><br />
Email Address: Box 564, Disneyland<br /> Address: Box 5
</a><br /> Phone: +12 34 56 78 Disneyland
Address<br /> </address>
Phone</address
Phone: +12 34
>
<applet> Deprecated. Defines <applet <applet code="Bubbles.class" Java applet th
an embedded applet code="vlass width="350" height="350"> draws animated
name.class " Java applet that draws animated bubbles.
width="enter bubbles.
width" </applet>
height="enter
height">
Text
</applet>
<area /> Defines an area <area <html> Click on the su
inside an image-map shape="shape- <body>
name" one of the plan
coords="no.1, <p>Click on the sun or on one watch it closer:
no2,no.3" of the planets to watch it
closer:</p>

<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap" />

<map name="planetmap">
<area shape="rect"
coords="0,0,82,126" alt="Sun"
href="sun.htm" />
<area shape="circle"
coords="90,58,3" alt="Mercury"
href="mercur.htm" />
<area shape="circle"
coords="124,58,8" alt="Venus"
href="venus.htm" />
</map>

</body>
</html>

<tt>, <b>, Defines bold text. <tt>Teletype <html> This text is bo


<i>, <big>, Defines big text. text</tt> <body>
<small>, Defines small text. <i>Italic This text is str
<strong>,
<em>, <sub>,
Defines
Defines
strong text.
Teletype
text</i>
<b>Bold
<b>This text is bold</b><br />
This text is
<sup> Text. text</b> <strong>This text is This text is
Defines Subscript. strong</strong><br />
Defines
<big>Big
Superscript. text</big>
emphasized
Defines Emphasises <small>Small <big>This text is big</big><br /> This text is itali
Text. text</small> This text is small
<em>This text is This text is
emphasized</em><br /> teletype
<i>This text is italic</i><br /> This text
contains subscript
<small>This text is
small</small><br />
This text
contains superscript
<tt>This text is teletype</tt><br />

This text contains


<sub>subscript</sub><br />

This text contains


<sup>superscript</sup>

</body>
</html>

<base /> Defines a default <head> <html>


address or a default <base <head>
target for all links on href="http:// <base  - Notice tha
a page www.w3schools href="http://www.w3schools.com/imag have only speci
.com/images/" es/" />
/> <base target="_blank" /> relative address
<base </head> image. Since w
target="_blan
<body>
specified a base
k" />
</head> <img src="stickman.gif" width="24" in the head sect
height="39" /> - Notice that we have browser will lo
<body> only specified a relative address for the
<img image. Since we have specified a base the image at
src="stickman URL in the head section, the browser "http://www.w3
.gif" /> will look for the image at
<a "http://www.w3schools.com/images/sti s.com/images/s
href="http:// ckman.gif" n.gif" 
www.w3schools <br /><br />
.com">W3Schoo <a
ls</a> href="http://www.w3schools.com">W3 W3Schools - N
Schools</a> - Notice that the link
</body>
opens in a new window, even if it has
that the link op
no target="_blank" attribute. This is new window, e
because the target attribute of the base has no target="
element is set to "_blank".
attribute. This i
</body> because the targ
</html>
attribute of the
element is set t
"_blank".
<basefont /> Deprecated. Defines <head> <html>
a default font, color,
or size for the text in
<basefont
color="red"
<head>
<basefont color="red" size="5" />
This is a
a page size="5" />
</head>
</head>
header
<body>
<body> <h1>This is a header</h1>
<h1>This is a <p>This is a paragraph</p> This is a paragr
header</h1>
<p>This is a <p>The basefont element was The basefont el
paragraph</p> deprecated in HTML 4, and is not
</body> supported in HTML 4.01 Strict DTD or in was deprecated
XHTML 1.0 Strict DTD. Use CSS HTML 4, and i
instead.</p>
supported in HT
</body> 4.01 Strict DTD
</html>
XHTML 1.0 St
DTD. Use CSS
instead.

<bdo> Defines the text <bdo <html> Here is some H


direction dir="rtl">Here is <body>
some Hebrew text that should
text!</bdo> <bdo dir="rtl">Here is some Hebrew written from rig
text that should be written from right-
to-left!</bdo> left!
</body>
</html>
<blockquote> Defines a long <blockquote> <html> Here comes a l
quotation Here is a <body>
long quotation:
quotation Here comes a long quotation:
here is a <blockquote> This is a long
long This is a long quotation. This is a long quotation. This
quotation quotation. This is a long quotation. This
here is a is a long quotation. This is a long long quotation.
long quotation. a long quotatio
</blockquote>
quotation
Notice that a browser inserts white
is a long quotat
here is a
long space before and after a blockquote This is a long
quotation element. It also inserts margins for the quotation.
here is a blockquote element.
Notice that a br
long
quotation </body> inserts white sp
</html>
here is a before and afte
long
quotation
blockquote elem
here is a also inserts mar
long for the blockqu
quotation
here is a element.
long
quotation
here is a
long
quotation.
</blockquote>
<body> Defines the <html> <html> The content of
document's body <head> <head>
<title>Title <title>My first HTML page</title> body element is
of the </head> displayed in the
document</tit
le> <body> browser.
</head> <p>The content of the body element is
displayed in the browser.</p> The content of
<body> <p>The content of the title element is
The content displayed in the browser's title.</p> element is disp
of the </body> the browser's ti
document.....
. </html>
</body>

</html>
<br /> Defines a single line This text <html> To break
break contains<br />a <body>
line break. lines
<p> in a
To break<br />lines<br />in a<br
/>paragraph,<br />use the br element. paragraph,
</p> use the br elem
</body>
</html>

<button> Defines a push <button <html>


button type="button"> <body>
Click Me!
</button> <button type="button">Click Me!
</button>
 
</body>
</html>

<caption> Defines a table <table <html>


caption border="1"> <body>
 
<caption>Mont <table border="1">
hly <caption>Monthly savings</caption>
savings</capt <tr>
ion> <th>Month</th>
  <tr> <th>Savings</th>
    </tr>
<th>Month</th <tr>
> <td>January</td>
    <td>$100</td>
<th>Savings</ </tr>
<tr>
th>
<td>February</td>
  </tr>
<td>$50</td>
  <tr>
</tr>
   
</table>
<td>January</
td> </body>
    </html>
<td>$100</td>
  </tr>
</table>
<center> Deprecated. Defines <center>This <html> This is some te
centered text text will be <body>
centered.</cent
er> <p>This is some text.</p> This text wi
<center>This text will be
centered.</center>
centered
<p>This is some text.</p>
This is some te
</body>
</html>
<cite>, Defines a citation, <dfn>Definiti <html> Emphasized tex
<code>, Defines a code, on term</dfn> <body>
<kbd>, <var>, Defines a keyboard <code>Compute Strong text
<dfn> text, r code <dfn>Definition term</dfn><br /> Definition term
Defines a definition text</code> Computer code
Defines a variable <kbd>Keyboard <code>Computer code text</code><br
/>
computer c
text</kbd>
<var>Variable text
</var> <kbd>Keyboard text</kbd><br /> Keyboard text
<cite>Citatio
<var>Variable</var><br />
Variable
n</cite>
Citation
<cite>Citation</cite>

</body>
</html>

<col /> Defines attribute <table <html>


values for one or width="100%" <body>
more columns in a border="1">
table    <col <table width="100%" border="1">
align="left" <col align="left" />
/> <col align="left" />
  <col <col align="right" />
align="left" <tr>
/> <th>ISBN</th>
  <col <th>Title</th>
align="right" <th>Price</th>
/> </tr>
  <tr> <tr>
<td>3476896</td>
   
<td>My first HTML</td>
<th>ISBN</th>
<td>$53</td>
   
</tr>
<th>Title</th
<tr>
> <td>2489604</td>
    <td>My first CSS</td>
<th>Price</th <td>$47</td>
> </tr>
  </tr> </table>
  <tr>
    </body>
<td>3476896</ </html>
td>
    <td>My
first
HTML</td>
   
<td>$53</td>
  </tr>
</table>
<colgroup> Defines a group of <table <html>
columns in a table width="100%" <body>
for formatting border="1">
  <colgroup <table width="100%" border="1">
span="2" <colgroup span="2"
align="left"> align="left"></colgroup>
</colgroup> <colgroup align="right"
  <colgroup style="color:#0000FF;"></colgroup>
align="right" <tr>
style="color: <th>ISBN</th>
#0000FF;"></c <th>Title</th>
olgroup> <th>Price</th>
  <tr> </tr>
    <tr>
<th>ISBN</th> <td>3476896</td>
    <td>My first HTML</td>
<th>Title</th <td>$53</td>
> </tr>
    <tr>
<td>2489604</td>
<th>Price</th
<td>My first CSS</td>
>
<td>$47</td>
  </tr>
</tr>
  <tr>
</table>
   
<td>3476896</ </body>
td> </html>
    <td>My
first
HTML</td>
   
<td>$53</td>
  </tr>
</table>
<dd> Defines a description <dl> <html> Coffee
of a term in a   <body>
definition list <dt>Coffee</d - black h
t> <dl> drink
    <dd>- <dt>Coffee</dt>
black hot <dd>- black hot drink</dd> Milk
drink</dd> <dt>Milk</dt> - white c
<dd>- white cold drink</dd>
  drink
<dt>Milk</dt> </dl>
    <dd>-
white cold </body>
drink</dd> </html>
</dl>
<del> Defines deleted text <p>My favorite <html> My favorite col
color is <body>
<del>blue</del is  red!
> <p>My favorite color is
<ins>red</ins>! <del>blue</del> <ins>red</ins>!
</p> </p>
Notice that bro
will strikethrou
<p>Notice that browsers will deleted text and
strikethrough deleted text and underline
inserted text.</p> underline insert
</body>
</html>

<div> Defines a section in a <div <html>


document style="color: <body> This is a head
#00FF00">
  <h3>This is <h3>This is a header</h3>
a header</h3> <p>This is a paragraph.</p> This is a paragr
  <p>This is
a <div style="color:#00FF00">
paragraph.</p <h3>This is a header</h3> This is a head
> <p>This is a paragraph.</p>
</div>
</div> This is a paragr
</body>
</html>
<dl> Defines a definition <dl> <html> Coffee
list   <body>
<dt>Coffee</d - black h
t> <dl> drink
    <dd>- <dt>Coffee</dt>
black hot <dd>- black hot drink</dd> Milk
drink</dd> <dt>Milk</dt> - white c
<dd>- white cold drink</dd>
 
</dl>
drink
<dt>Milk</dt>
    <dd>-
white cold </body>
drink</dd> </html>
</dl>
<dt> Defines a term (an <dl> <html> Coffee
item) in a definition   <body>
list <dt>Coffee</d - black h
t> <dl> drink
    <dd>- <dt>Coffee</dt>
black hot <dd>- black hot drink</dd> Milk
drink</dd> <dt>Milk</dt> - white c
<dd>- white cold drink</dd>
 
</dl>
drink
<dt>Milk</dt>
    <dd>-
white cold </body>
drink</dd> </html>
</dl>
<fieldset> Defines a border <form> <html>
around elements in a <fieldset> <body>
form <legend>Perso
nalia:</legen <form>
d> <fieldset>
Name: <input <legend>Personalia:</legend>
type="text" Name: <input type="text" size="30"
size="30" /><br />
/><br /> Email: <input type="text" size="30"
Email: <input /><br />
type="text" Date of birth: <input type="text"
size="30" size="10" />
/><br /> </fieldset>
</form>
Date of
birth: <input
</body>
type="text"
</html>
size="10" />
</fieldset>
</form>
<font> Deprecated. Defines <font <html> This is some text
font, color, and size size="3" <body>
for text color="red">T
<p><font size="3" color="red">This is
This is some text!
his is some
text!</font> some text!</font></p>
<font This is some t
size="2" <p><font size="2" color="blue">This is
color="blue"> some text!</font></p>
This is some
text!</font> <p><font face="verdana"
<font color="green">This is some text!
face="verdana </font></p>
"
</body>
color="green"
</html>
>This is some
text!</font>
<form> Defines an HTML <form <html>
form for user input action="form_ <body>
action.asp"
method="get"> <form action="form_action.asp">
First name: First name: <input type="text"
name="FirstName" value="Mickey"
<input
/><br />
Input was rec
type="text"
name="fname" Last name: <input type="text" as:
/><br /> name="LastName" value="Mouse"
Last name: /><br /> FirstName=M
<input <input type="submit"
value="Submit" /> LastName=Mo
type="text"
name="lname" </form>
/><br /> This page was re
<p>Click the "Submit" button and the
<input you from the serv
input will be sent to a page on the
type="submit"
server called "form_action.asp".</p> server has proces
value="Submit input and returne
" /> </body>
</form> answer.
</html>
It is not a part of
HTML tutorial to
you how the serv
processing this in
you want to learn
about processing
input, please read
PHP or our ASP

Use the back butt


the browser to re
the example.

<frameset> Defines a window (a <html> <html>


frame) in a frameset
<frameset <frameset cols="25%,*,25%">
cols="25%,50% <frame src="frame_a.htm" />
,25%"> <frame src="frame_b.htm" />
<frame <frame src="frame_c.htm" />
src="frame_a. </frameset>
htm" />
<frame </html>
src="frame_b.
htm" />
<frame
src="frame_c.
htm" />
</frameset>

</html>
<h1> to <h6> Defines HTML <h1>This is <html>
headings heading
1</h1>
<body> This is
<h2>This
heading
is <h1>This
<h2>This
is
is
heading
heading
1</h1>
2</h2> heading
2</h2> <h3>This is heading 3</h3>
<h3>This is <h4>This is heading 4</h4>
heading <h5>This is heading 5</h5> This is headin
3</h3> <h6>This is heading 6</h6>
<h4>This is This is headin
heading <p>
4</h4> Use heading tags only for headings.
<h5>This is Don't use them just to make something This is heading
bold. Use other tags for that.
heading
</p> This is heading
5</h5>
<h6>This is
</body>
heading This is heading 6
</html>
6</h6>
Use heading tags
headings. Don't u
just to make som
bold. Use other ta
that.

<head> Defines information <html> <html> The content of th


about the document <head> <head>
element is displa
<title>Title <title>My first HTML page</title>
of the </head> the browser.
document</tit
le> <body> The content of th
</head> <p>The content of the body element is
displayed in the browser.</p>
element is displa
<body> <p>The content of the title element is the browser's title
The content displayed in the browser's title.</p>
of the </body>
document.....
. </html>
</body>

</html>
<hr /> Defines a horizontal <p>This is <html>
line some <body>
text.</p>
<hr /> <p>This is some text.</p>
<p>This is <hr />
some <p>This is some text.</p>
text.</p>
</body>
</html>

<html> Defines an HTML <html> <html> The content of th


document <head> <head>
element is displa
<title>Title <title>My first HTML page</title>
of the </head> the browser.
document</tit
le> <body> The content of th
</head> <p>The content of the body element is
displayed in the browser.</p>
element is displa
<body> <p>The content of the title element is the browser's title
The content displayed in the browser's title.</p>
of the </body>
document.....
. </html>
</body>

</html>
<iframe> Defines an inline <iframe <html>
frame src="html_int <body>
ro.asp"
width="100%" <iframe src="/default.asp"
height="300"> width="100%" height="300">
<p>Your <p>Your browser does not support
browser does iframes.</p>
not support </iframe>
iframes.</p>
</iframe> </body>
</html>

<img /> Defines an image <img <html>


src="angry.gi <body>
f" alt="Angry
face" /> <img src="angry.gif" alt="Angry face"
width="32" height="32" />

</body>
</html>

<input /> Defines an input <form <html>


control action="form_ <body>
action.asp"
method="get"> <form action="form_action.asp">
First name: First name: <input type="text"
<input name="FirstName" value="Mickey"
type="text" /><br />
name="fname" Last name: <input type="text"
/><br /> name="LastName" value="Mouse"
Last name: /><br />
<input <input type="submit"
type="text" value="Submit" />
name="lname" </form>
/><br />
<p>Click the "Submit" button and the
<input
input will be sent to a page on the
type="submit"
server called "form_action.asp".</p>
value="Submit
" /> </body>
</form> </html>

<ins> Defines inserted text <p>My <html> My favorite colo


favorite <body>
red!
color is
<del>blue</de <p>My favorite color is
l> <del>blue</del> <ins>red</ins>! Notice that brow
<ins>red</ins </p> strikethrough del
>!</p> and underline ins
<p>Notice that browsers will
strikethrough deleted text and underline text.
inserted text.</p>
</body>
</html>

<label> Defines a label for an <form> <html>


input element <label <body>
for="male">Ma
le</label> <p>Click on one of the text labels to
<input toggle the related control:</p>
type="radio"
name="sex" <form>
id="male" /> <label for="male">Male</label>
<br /> <input type="radio" name="sex"
<label id="male" />
for="female"> <br />
Female</label <label for="female">Female</label>
> <input type="radio" name="sex"
id="female" />
<input
</form>
type="radio"
name="sex"
</body>
id="female" /
</html>
>
</form>

<legend> Defines a caption for <form> <html>


a fieldset element <fieldset> <body>
<legend>Perso
nalia:</legen <form>
d> <fieldset>
Name: <input <legend>Personalia:</legend>
type="text" Name: <input type="text" size="30"
size="30" /><br />
/><br /> Email: <input type="text" size="30"
Email: <input /><br />
type="text" Date of birth: <input type="text"
size="30" size="10" />
/><br /> </fieldset>
</form>
Date of
birth: <input
</body>
type="text"
</html>
size="10" />
</fieldset>
</form>
<li> Defines a list item <ol> <html> An ordered list:
<li>Coffee</l <body>
i>
<li>Tea</li> <p>An ordered list:</p> 1. Coffee
<li>Milk</li> <ol> 2. Tea
</ol> <li>Coffee</li> 3. Milk
<li>Tea</li>
<ul> <li>Milk</li>
<li>Coffee</l </ol> An unordered lis
i>  Coffee
<li>Tea</li> <p>An unordered list:</p>
 Tea
<li>Milk</li> <ul>
</ul> <li>Coffee</li>  Milk
<li>Tea</li>
<li>Milk</li>
</ul>

</body>
</html>

<link /> Defines the <head> <head>


relationship between <link <link rel="stylesheet"
a document and an rel="styleshe type="text/css"
external resource et" href="theme.css" />
type="text/cs </head>
s"
href="theme.c
ss" />
</head>
<menu> Deprecated. Defines <menu> <html>  html
a menu list <li>html</li> <body>
 xhtml
<li>xhtml</li
> <menu>  css
<li>css</li> <li>html</li>
</menu> <li>xhtml</li>
<li>css</li>
</menu>

</body>
</html>

<meta /> Defines metadata <head> <html>


about an HTML <meta
document name="descrip <head>
tion" <meta name="description"
content="Free content="Free Web tutorials" />
Web <meta name="keywords"
tutorials" /> content="HTML,CSS,XML,JavaScript" />
<meta <meta name="author" content="Hege
name="keyword Refsnes" />
s" <meta http-equiv="content-type"
content="HTML content="text/html;charset=UTF-8" />
,CSS,XML,Java </head>
Script" />
<body>
<meta
</body>
name="author"
content="Hege
</html>
Refsnes" />
<meta http-
equiv="conten
t-type"
content="text
/html;charset
=UTF-8" />
</head>
<noframes> Defines an alternate <html> <html>
content for users
that do not support <frameset <frameset cols="25%,50%,25%">
frames cols="25%,50% <frame src="frame_a.htm" />
,25%"> <frame src="frame_b.htm" />
<frame <frame src="frame_c.htm" />
src="frame_a. <noframes>
htm" /> Sorry, your browser does not handle
<frame frames!
src="frame_b. </noframes>
htm" /> </frameset>
<frame
src="frame_c. </html>
htm" />
<noframes>
Sorry, your
browser does
not handle
frames!
</noframes>
</frameset>

</html>
<noscript> Defines an alternate <html> <html>
content for users
that do not support <frameset <frameset cols="25%,50%,25%">
client-side scripts cols="25%,50% <frame src="frame_a.htm" />
,25%"> <frame src="frame_b.htm" />
<frame <frame src="frame_c.htm" />
src="frame_a. <noframes>
htm" /> Sorry, your browser does not handle
<frame frames!
src="frame_b. </noframes>
htm" /> </frameset>
<frame
src="frame_c. </html>
htm" />
<noframes>
Sorry, your
browser does
not handle
frames!
</noframes>
</frameset>

</html>
<object> Defines an <object <html>
embedded object width="400" <body>
height="400"
data="hellowo <object width="400" height="400"
rld.swf"></ob data="helloworld.swf">
ject> </object>

</body>
</html>

<ol> Defines an ordered <ol> <ol>


list <li>Coffee</l <li>Coffee</li>
i> <li>Tea</li>
An Ordered Lis
<li>Tea</li> <li>Milk</li> 1. Coffee
<li>Milk</li> </ol> 2. Tea
</ol>
3. Milk

<optgroup> Defines a group of <select> <html>


related options in a <optgroup <body>
select list label="Swedis
h Cars"> <select>
<option <optgroup label="Swedish Cars">
value="volvo" <option
>Volvo</optio value="volvo">Volvo</option>
n> <option
<option value="saab">Saab</option>
value="saab"> </optgroup>
Saab</option> <optgroup label="German Cars">
</optgroup> <option
<optgroup value="mercedes">Mercedes</option>
<option
label="German
value="audi">Audi</option>
Cars">
</optgroup>
<option
</select>
value="merced
es">Mercedes< </body>
/option> </html>
<option
value="audi">
Audi</option>
</optgroup>
</select>
<option> Defines an option in <select> <html>
a select list <option>Volvo <body>
</option>
<option>Saab< <select>
/option> <option>Volvo</option>
<option>Merce <option>Saab</option>
des</option> <option>Mercedes</option>
<option>Audi< <option>Audi</option>
/option> </select>
</select>
</body>
</html>

<p> Defines a paragraph <p>This is <html> This is a paragrap


some text in <body>
a
paragraph.</p <p>This is a paragraph.</p> This is a paragrap
> <p>This is a paragraph.</p>
<p>This is a paragraph.</p> This is a paragrap
</body>
</html>

<param /> Defines a parameter <object <html>


for an object classid="clsi <body>
d:F08DF954-
8592-11D1- <object width="400" height="400"
B16A- data="helloworld.swf">
00C0F0283628" </object>
id="Slider1"
width="100" </body>
height="50"> </html>
<param
name="BorderS
tyle"
value="1" />
<param
name="MousePo
inter"
value="0" />
<param
name="Enabled
"
value="1" />
<param
name="Min"
value="0" />
<param
name="Max"
value="10" />
</object>
<pre> Defines preformatted <pre> <pre> Text in a pre
text Text in a pre Text in a pre element element
element is displayed in a fixed-width is displayed i
is displayed font, and it preserves fixed-width
in a fixed- both spaces and font, and it
width line breaks preserves
font, and it </pre> both spac
preserves line breaks
both spaces
and
line breaks
The pre element
</pre> used to display co
code:

for i = 1 to 1
print i
next i

<q> Defines a short <q> <!DOCTYPE HTML PUBLIC Here comes a sho
quotation Here is a "-//W3C//DTD HTML 4.01
quotation: This is
short Transitional//EN"
quotation "http://www.w3.org/TR/html4/loose.dtd quotation
here is a ">
short <html> Notice that the br
quotation <body>
</q>
<p>Here comes a short quotation:
inserts quotation
<q>This is a short quotation</q></p> around the quota

<p>Notice that the browser inserts


quotation marks around the
quotation.</p>

</body>
</html>

<s> Deprecated. Defines <p>Version <html> Version 2.0 is no


strikethrough text 2.0 is <s>not <body>
available! now av
yet
available! <p>Version 2.0 is <s>not yet available!
</s> now </s> now available!</p> Version 2.0 is no
available! <p>Version 2.0 is <strike>not yet available! now av
</p> available!</strike> now available!</p>

<p>Version </body>
2.0 is </html>
<strike>not
yet
available!
</strike> now
available!
</p>
<script> Defines a client-side <script <html> Hello World!
script type="text/ja <body>
vascript">
document.writ <script type="text/javascript">
e("Hello document.write("Hello World!")
World!") </script>
</script>
</body>
</html>
<select> Defines a select list <select> <html>
(drop-down list) <option <body>
value="volvo"
>Volvo</optio <select>
n> <option>Volvo</option>
<option <option>Saab</option>
value="saab"> <option>Mercedes</option>
Saab</option> <option>Audi</option>
<option </select>
value="merced
es">Mercedes< </body>
/option> </html>
<option
value="audi">
Audi</option>
</select>

<span> Defines a section in a <p>My mother <html> My mother has li


document has <span <head>
eyes and my fath
class="blue"> <style type="text/css">
light span.blue {color:lightskyblue;font- dark green eyes
blue</span> weight:bold}
eyes.</p> span.green {color:darkolivegreen;font-
weight:bold}
</style>
</head>

<body>

<p>My mother has <span


class="blue">light blue</span> eyes
and my father has <span
class="green">dark green</span>
eyes.</p>

</body>
</html>
<style> Defines style <html> <html>
information for a <head> <head>
document <style <style type="text/css">
type="text/cs h1 {color:red;}
s"> p {color:blue;}
h1 </style>
{color:red;} </head>
p
{color:blue;} <body>
</style> <h1>Header 1</h1>
</head> <p>A paragraph.</p>
</body>
<body>
</html>
<h1>Header
1</h1>
<p>A
paragraph.</p
>
</body>
</html>

<table> Defines a table <table <html>


border="1"> <body>
<tr>
<th>Month</th <table border="1">
> <tr>
<th>Savings</ <th>Month</th>
th> <th>Savings</th>
</tr> </tr>
<tr> <tr>
<td>January</ <td>January</td>
td> <td>$100</td>
<td>$100</td> </tr>
</tr> </table>
</table>
</body>
</html>

<tbody> Groups the body <table <html>


content in a table border="1"> <head>
<thead> <style type="text/css">
<tr> thead {color:green}
<th>Month</th tbody {color:blue;height:50px}
> tfoot {color:red}
<th>Savings</ </style>
th> </head>
</tr> <body>
</thead>
<tfoot> <table border="1">
<tr> <thead>
<td>Sum</td> <tr>
<th>Month</th>
<td>$180</td>
<th>Savings</th>
</tr>
</tr>
</tfoot>
</thead>
<tbody> <tfoot>
<tr> <tr>
<td>January</ <td>Sum</td>
td> <td>$180</td>
<td>$100</td> </tr>
</tr> </tfoot>
<tr> <tbody>
<td>February< <tr>
/td> <td>January</td>
<td>$80</td> <td>$100</td>
</tr> </tr>
</tbody> <tr>
</table> <td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>

</body>
</html>

<td> Defines a cell in a <table <html>


table border="1"> <body>
<tr>
<th>Month</th <table border="1">
> <tr>
<th>Savings</ <th>Month</th>
th> <th>Savings</th>
</tr> </tr>
<tr> <tr>
<td>January</ <td>January</td>
td> <td>$100</td>
<td>$100</td> </tr>
</tr> </table>
</table>
</body>
</html>

<textarea> Defines a multi-line <textarea <html>


text input control rows="2" <body>
cols="20">
At W3Schools <p>
you will find This example cannot be edited
all the Web- because our editor uses a
building textarea for input,
tutorials you and your browser does not
need, from allow a textarea inside a
basic HTML to textarea.
advanced XML, </p>
SQL, ASP, and
PHP. <textarea rows="2" cols="20">
</textarea> At W3Schools you will find all
the Web-building tutorials you
need,
from basic HTML to advanced
XML, SQL, ASP, and PHP.
</textarea>

</body>
</html>

<tfoot> Groups the footer <table <html>


content in a table border="1"> <head>
<thead> <style type="text/css">
<tr> thead {color:green}
<th>Month</th tbody {color:blue;height:50px}
> tfoot {color:red}
<th>Savings</ </style>
th> </head>
</tr> <body>
</thead>
<tfoot> <table border="1">
<tr> <thead>
<td>Sum</td> <tr>
<th>Month</th>
<td>$180</td>
<th>Savings</th>
</tr>
</tr>
</tfoot>
</thead>
<tbody>
<tfoot>
<tr> <tr>
<td>January</ <td>Sum</td>
td> <td>$180</td>
<td>$100</td> </tr>
</tr> </tfoot>
<tr> <tbody>
<td>February< <tr>
/td> <td>January</td>
<td>$80</td> <td>$100</td>
</tr> </tr>
</tbody> <tr>
</table> <td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>

</body>
</html>

<th> Defines a header cell <table <html>


in a table border="1"> <body>
<tr>
<th>Month</th <table border="1">
> <tr>
<th>Savings</ <th>Month</th>
th> <th>Savings</th>
</tr> </tr>
<tr> <tr>
<td>January</ <td>January</td>
td> <td>$100</td>
<td>$100</td> </tr>
</tr> </table>
</table>
</body>
</html>

<thead> Groups the header <table <html>


content in a table border="1"> <head>
<thead> <style type="text/css">
<tr> thead {color:green}
<th>Month</th tbody {color:blue;height:50px}
> tfoot {color:red}
<th>Savings</ </style>
th> </head>
</tr> <body>
</thead>
<tfoot> <table border="1">
<tr> <thead>
<td>Sum</td> <tr>
<th>Month</th>
<td>$180</td>
<th>Savings</th>
</tr>
</tr>
</tfoot>
</thead>
<tbody>
<tfoot>
<tr> <tr>
<td>January</ <td>Sum</td>
td> <td>$180</td>
<td>$100</td> </tr>
</tr> </tfoot>
<tr> <tbody>
<td>February< <tr>
/td> <td>January</td>
<td>$80</td> <td>$100</td>
</tr> </tr>
</tbody> <tr>
</table> <td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>

</body>
</html>

<title> Defines the title of a <html> <html> The content of th


document <head> <head>
<title>My first HTML page</title>
element is displa
<title>Title
of the </head> the browser.
document</tit
le> <body> The content of th
</head> <p>The content of the body element is
displayed in the browser.</p>
element is displa
<body> <p>The content of the title element is the browser's title
The content displayed in the browser's title.</p>
of the </body>
document.....
. </html>
</body>

</html>
<tr> Defines a row in a <table <html>
table border="1"> <body>
<tr>
<th>Month</th <table border="1">
> <tr>
<th>Savings</ <th>Month</th>
th> <th>Savings</th>
</tr> </tr>
<tr> <tr>
<td>January</ <td>January</td>
td> <td>$100</td>
<td>$100</td> </tr>
</tr> </table>
</table>
</body>
</html>

You might also like