0% found this document useful (0 votes)
38 views8 pages

HTML All Tags Chart

html all tags
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
38 views8 pages

HTML All Tags Chart

html all tags
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

HTML Tags Chart

To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste
it into your web page.

Tag Name Code Example Browser View


-This
commentdocument-->
can be viewed in the HiML part o Nothing will show (Tip)

anchor aVisithref= "http://www.domain.com/">


Our Site< / a>
Visit Our Site (Tip)

b> bold b> Example</b> Example


big> big (text) big> Example</big> Example (Tip)
body of
HTML <body> The content of Contents of your web
body>
documen your HTML page< /body» page (ip)

The contents of your webb


< br> line The contents of your page< br> Ihe contentspage
break of your page Ihe contents of your web

center> This will center your


r page
This will center your
de
center> center content</ center> Contents
< di> Definition Term
dt> Definition Term< /dt> Definition of the
defin itiondd> Definition of the term</ dd> term
< dd> descripudt> Definition Term</dt
co

on Definition Term
dd/dl> Definition of the term</ dd» Definition of the
term
/
< dl> Definition Term
c4

dt> Definition Term< /dt> Definition of the


|defin ition dd> Definition of the term< /dd> term
d
list <dt> Definition Term< /dt> Detinition Term
dd> Definition of the term</dd> Definition of the
/ dis term
d Definition Term
dt> Defin ition Term</dt> Definition of the
< dt> definition dd>Definition of the term< /dd» term
|term dt> Defin ition Term</ dt» Definition Term
< Definition of
dd> the term</dd> Definition of the
/dl> term

emphasis em>s is an < Example< / em> of using This is an Example of using


em> emphasisthe emphasis tag the emphasis tag
embed
embed0object embed src= 'yourfile.mid' width= "100%"
height="60 align="center" >

embed"false"
src='yourfile.mid" autostart="true"Music will begin playing
embed> embed
hidden= "false"
loop= page when yOur is loaded
object noembed> < bgsOund src= 'yourfile. mid and will only play one time.
|loop= "1>< /noembed> A control panel will be
displayed to enable your
VISitors to stop the musiC.
< font> font font face= "Times New Example (Tip)
Roman'> Example</ font»
| font face= 'Times New Roman
font font size= "4"> Example< / font>> Example (Tnl
< font face= "Times New Roman' size="+3
< font> |font
color="# ffoo00'> Example</ font» Example crin
form action= 'mailto: [email protected]
NamTe. Tip)
Name: input name= "Name" value=""
<form> form Size=10'> < br> Email
Email: input name= "Email' value=""
<
size= "10'> < br> Submit
< center>< input type="submit'> < /center>

</ form>

Heading 1
h1> heading 1||< h1> Heading 1
Example«/h1>
Heading 2
<h2> |heading 2|| h2> Heading 2 Example</h2>
h3 |heading 3|< h3> Heading 3 Example< / h3> Heading 3
<h4> |heading 4|< h4> Heading 4 Example< /h4>
< h5> |heading 5 h5> Heading 5 Example< / h5> Heading 4
< h6> |heading 6||< h6> Heading 6 Example</h6>
Heading 5

headingg
r leading 6
de
< head> of HTML head> Contains elements describing the Nothing will show
documendocument< / head>
co

|horizonta Contents of your web


< hr> < hr /> page (Tip
rule
Contents of your web page
c4

Contents of your web page


< hr> horizonta |s hr width= '50%
'
size="3" />
rule Contents of your web page
Contents of your web page
horizonta
< hr>
|l rule hr width= '50%' size="3" noshade />
Contents of your web page
<hr> hr width='75% " color= "#ff0000' size="4
Contents of your web page
(Internet |horizonta
rule
Explorer) Contents of your web page
hr
(Internet |horizonta ||< hr width="25% "
color= "#6699ff size= "6" Contents of your web page

EXplorer) rule
rule
Contents of your web page
html>
head
metas
|hypertext < title> Title of your web page< /title>
<html> markup < /head>
Contents of your web page
|language body> HTML w eb page contenis
< /body>

|</html>
italic i> Example< / i> Example
< img src= 'Earth.gif width='41
< img> |image height= "41" border= "0" alt= 'text describing
the image TipL
Example 1:

Example 1: (Tip)
< form method= post action= '/cgi
|input bin/example.cgi>
input Submit
field input type="text'
size="10"
maxlength= "30' >
input type= 'Submit" value= "Submit'>
/form>
Example 2:

< form method= post action= "/cgi


Example 2: Tip)
bin/example.cgi">
< input>
input input type= "text" style="color: # ffff
(Internefield font-family: Verdana; font-weight: bold; font- Submit
xplorer) *

size: 12px; background-color: #72a4d2;


size= "10" maxlength= "30'>
input type="Submit value= "Submit'>
/form>
Example 3:

< form method= post action= "/cgi-


Din/exarmple.cg>
Example 3: (Tip)
table border= "0" cellspacing="0"

input linput
field
r
cellpadding= "2'> < tr> < td
bgcolor= #8463ff'>< input type="text"
de
size= "10" maxlength= "30'>< /td> < td
bgcolor= #8463fr valign= Middle'> < input
type= "image" name= "submit"
src="yourimage.gif> < /td></tr> < /table>
</form>
co

Example 4
Example 4: (Tip)
< form method= post action= '/cgi-
bin/example.cgr>
c4

|input Enter Your Comments: < br>


input>
|field textarea wrap="virtual" name= "Comments'
rows=3 cols= 20
maxlength= 100>< /textarea> < br> Submit Clear
input type= "Submit' value= 'Submit">
input type= 'Reset" value= "Clear'>
k/form>
Example 5:

< form method= post action= /cgi


bin/example.cgr>
< center> Example 5: Tip)
Select an option:
select> Select an
option 1< /option>
Option: option 2
option
input> in put option selected> option 2< /option>
|field < option> option 3< /option> Submit
option> option 4< /option>
< option> option 5< /option>
< option> option 6< /option>
/select> < br>
< input type= "Submit"
value= "Submit"> < /center>

</form
input> in put |Example 6: Example 6: Tip)
field
< form method= post action= "/cgi- Select an option.
bin/example.cgi>
Select an option: < br> Option 1

input type= "radio" name= optlon Opud Option 2

input type= "radio' name="option" Option 3


checked> Option 2
input type= "radio' name= 'option"> Option Select an option:
br Selectiorn 1

br>
Select an option: < br> Selection2
input type= "checkbox" name="selection'>
Selection 1 Selection 3
input type= "checkbox name= "Selection Submit
checked> Selection 2
input type= "checkbox"
name='selection'> Selection 3
input type= "Submit' value= "Submit">
< /form
Example 1 Example 1: (ip2
< menu>
li
r
type= 'disc'> List item 1</ li>
< li type= 'circle"'> List item 2</li>
List itemn 1
List item 2
de
List item 3
li type= "square> List item 3</li>
MENU>
< li> |list itemn
|Example 2: Example 2:
co

ol
li>
type= "i'>
< li> List
List
item 1</ li>
item 2< / li>
. List item 1
List item 2
List item 3
li> List item 3«/ li> V. List item 4
< li> List item 4</ li>
c4

/ol>
< head>
link rel="stylesheet' type='text/css"
link> link |href="style.css' />>
</head>

X
< marquee
scrolling marquee bgcolor="#cocccc loop="-1*
(Internet text scrollamount="2 width= 100% '> Example
Marquee< / marquee>
Explorer)
(Tin)
menu> List item 1
< li type= 'disc'> List item 1< /li> List item 2
menu> menu li<li type= 'circle'> List item 2 /li> List item 3
type= "square'> List item 3< /li>
</menu>
< meta name="Description
content= 'Description of your site'>
meta> meta meta name= "keywords" Nothing will show (Tip)

Content= "keywords describing your site'>

meta> meta
meta HTTP-EQUIV= *Refresh
CONTENT= "4; URL= http://www.yourdomain.cNothing will show (Tp)
om/
<metameta meta http-equiv= " Pragma content= "no-
Nothing will show lip)
cache'>
meta> meta < meta name=" rating" content= General> Nothing will show Tip)
meta> eta < meta name= "robots" content= "all'> Nothing will show Tip)

meta> meta <meta name="robots" Nothing will show (Tip)


content="noindex,follow'>
Numbered Numbered
ol> 1. List itemh1
<li> List item 1</li> 2. List item 2
li> List item
< li> List item
2</li> 3. List item 3
3</li> 4. List item 4
li>ol>List item 4</li>
/
Numbered Special Start
Numbered Special Start
5. List item 1

sol start="5">
List item 1</li>
6.
7.
List
List
item 2
item3
li> 8. List item 4
<li> List item 2</li>
< li> List item 3< /li>
< li> List item 4< /li Lowercase Letters
</ol>
r
de
a. List item
Low ercase Letters b. List item 2
c. List item 3
ol type= "a"> d. List item 4
li> List item 1</li>
co

< li> List item 2< /li>


|1> List item 3</li>
Capital Letters
li> List item 4< /li> A. List item
</ol> B List item 2
ordered
c4

ol> C. List item 3


list |Capital Letters D. List item 4
ol type= "A">
< li>
List item 1< /li> Cap ital Letters Special
< li> List item 2< /li> Start
< li> List item 3</li>
C. List item
li> List item 4</li>
</ol> D. List item 2
E. List itemn 3
Capital Letters Special Start F. List item 4

ol type= "A" start= "3"> Lowercase Roman


li> List item 1</li> Numerals
li> List item 2</li>
< ||I> List item 3< /li> List item 1
< li> List item 4</li> List item 2
/ ol> List item 3
V. List item 4
|Low ercase Rom an Numerals
|Capital Roman Numerals
ol type= "i">
<li>
List item 1</li> List item 1
< li> List item 2< /li>
List item 2
< li> List item 3</li>
li> List item 4</li>
List item 3
<
V. LISt item 4
</ ol>
Capital Roman Numerals Capital Roman Numerals
Specia Start
ol type="|">
VI
<li> List item 1</li> List item
< li> List item 2</li> List item 2
< li> List item 3</li> List item 3
< li> List item 4</li> List item 4
</ol>
|Capital Roman Numerals Special Start
s ol type= "|" start= "7">
li> List item 1</li>
li>List item 2< /li>
< li> List item 3</li>
< li> List item 4< /li>

/ ol>
form method= post action= /cgi
bin/example.cgi">
center>>
Select an option:
select>
option> option option> 1«/ Select an option:ip)
option>
listbox option selected> option 2</ option>
r option 2
de
option option> option 3</ option>
option option 4«/ option>
option option 5</ option>
option> option 6</ option>
/select> < br>
co

/center>
/torm>
is an example displaying the use of the This is an example
This displaying the use of the
paragraph tag. < p> This will create a line
paragraph tag.
c4

break and a space between lines.

Attributes Ihis will create a line break


and a space between lines.
Example 1:< br>
< br> Attributes
<p align= " left" >
This is an example< br> Example 1:
displaying the use< br>
This is an example
of the paragraph tag.< br> displaying the usee
p> paragrapbr>
Example 2: < br> of the paragraph tag.
< br>
p align= "right"> Example 2:
This is an example< br>
displaying the use< br> This is an example
of the paragraph tag.< br> displaying the use
<br> of the paragraph tag.
Example 3: < br>
br> Example 3:
p align= "
center">
This is an example< br> This is an example
displaying the use< br> displaying the use
of the paragraph tag. of the paragraph tag.
|small xample (ip)
small> | small> Example« / small>
J(text)
< strike deleted
|text strike> Example</ strike> Examptee

Strong
strong strong> Example</ strong> Example
phasis
|Example 1:

| table border= '4' cellpadding= "2'


cellspacing= '2' width= "100% *>
t tr>
< td> Column 1</td>
< td> Column 2< /td>
/tr>
/ table> Example 1: (Tip)
Example 2: (Internet Explorer) |Column 1
Column 2

table border="2" bordercolor="# 336699


cellpadding= "2" cellspacing= '2
Width=" 100% "> Example 2: Tip)
tr>
< td> Column 1</td>
table> table < td> Column 2< /td> Column 1
Column 2
/tr>
|/ table>

r
de
Example 3: (Tip)
Example 3:

|s table cellpadding= "2" cellspacing= "2" Column 1


Column2
width= 100% *> Row 2 Row 2
tr
co

td bgcolor= "#cccccc> Column 1</td>


< td bgcolor="#CCCccc> Column 2< /td>
/tr>
t tr>
c4

<td> Row 2< /td>>


< td> Row 2< /td>
/tr>
ble>
<table border= "2 cellpadding= "2"
cellspacing= "2" width=" 100% *>
tr
td>s |table |« td> Column 1«/td>
data |< td> Column 2</ td> Column 1
Column 2
/tr>
/table>
< div align= "center>
< table>
t tr>

|
th> Column 1</th»
th> Colu mn 2< / th»
|< th> Column 3«/ th» Colum Colum Colum
/tr> n n2 n3
< th> |tabl le <
tr Row 2 Row 2 Row 2
header <td> Row 2< /td>
< td> Row 2</td> Row 3 Row 3 Row 3
td> Row 2< /td> ROw 4 Row 4 Row 4
/ /tr>

td> Row 3< /td>


< td> Row 3< /td>
td> Row 3</td>
/tr>
|<t
< td> Row 4< /td>
< td> Row 4< /td>
td> Row 4< /td>
/tr>
</table>
/ div>
Title of your web page will
< title> documen title> Title of your HTML page< / title> be viewable in the title
|t title
bar.ip)
< table border= "2" cellpadding= "2
cellspacing= "2" width= "100% ">
tr>
|table rowtd>
<
Column 1</td> Column 1
Column 2
td> Column 2</td>
</ tr>
k /table>
<tt> teletype tt> Example«/ tt» Example
U> underlineu> Example< /u Example
Example 1:< br>
Example 1:
br>
ul>
r
de
< li> List item 1</li> List item 1
li> List item 2< /li> List item 2
< / ul>
br>
unordereExample 2: < br>
uls Example 2:
co

d list
ul type= "disc">
li>List item 1< /li>
< li> List item 2< /li> List item 1
ul type= " circle"> List item 2
li> List item 3</li> O List item 3
c4

< li> List item 4< /li> O List item 4


</ul>
/ul>

You might also like