HTML tag examples
|
Function |
Example |
|
comment |
<!-- This is a comment --> |
|
structure of web page |
<html> <head> … </head> <body> … </body> </html> |
|
structure of web page with frames |
<html> <head> … </head> <frameset cols=20%,80%> <frame name=leftframe src=contents.htm> <frame name=rightframe src=page01.htm> </frameset> <noframes> <body> … </body> </noframes> </html> |
|
title |
<title>This appears in the browser title bar</title> |
|
meta |
<meta name=description content=“HTML tutorial”> <meta name=keywords content=“html,tag,web,page”> |
|
text |
This is some text without any tags. |
|
paragraph |
<p>This text is preceded by a blank line. <p align=center>This is centred</p> |
|
break |
<br>This text starts on a new line. |
|
space |
There are two spaces between this and this. |
|
header |
<h1>Largest</h1><h6>Smallest</h6> |
|
horizontal rule |
<hr> |
|
bold |
<b>This is bold.</b> This isn’t. |
|
italics |
<i>This is in italics</i> |
|
underline |
<u>This is underlined</u> |
|
font |
<font color=red size=1>This is smallest red text.</font> <font color=#ffff00 size=7>This is largest yellow text</font> <font face="Comic Sans MS">Gee, Batperson</font> |
|
centre |
<center>This text is middle justified.</center> |
|
division |
<div align=right>This text is right justified.</div> |
|
indent |
Things<dl><dd>books<br>pens</dl> |
|
preserve |
<pre> Name
Hobby Pauline Pets Robert
Machines </pre> |
|
image |
<img align=bottom height=50 width=40 border=1 src=rose1.jpg> |
|
unordered list |
<ul><li>item1<li>item2</ul> |
|
ordered list |
<ol><li>item1<li>item2</ol> |
|
table |
<table border=10 cols=2> <tr><th>Artist</th><th>Track</th></tr> <tr><td>Skynyrd</td><td>Freebird</td></tr> </table> |
|
hyperlink |
<a href=page1.htm>Go to page
1</a> <a href=.\folder1\page1.htm>Go to
page 1</a> <a
href=\\Rosses\Shared\Classes\JCarter\page1.htm>page 1</a> <!--
LAN --> <a
href=http://www.abc.com/folder1/page1.htm> Go to page 1</a> <a href=“../folder1/page 1.htm”>Go to
page 1</a> <a href=page1.htm><img
src=rose1.jpg></a> <a href=page1.htm target=new>Go to
page 1</a> <a href=page1.htm
target=rightframe>Go to page 1</a> <a href=page1.asp?data=6>Send 6 to
page1.asp</a> <a name=Section 1></a> <a href=#Section 1>Go to Section
1</a> <a
href=http://www.databasedesign.co.uk#History of Internet>A concise history
of the internet</a> <a href=mailto:john.carter@databasedesign.co.uk> Send an email to John Carter</a> |
|
form |
<form method=post action=mailto:accounts@abcltd.biz> <form
method=post action=processanewcustomer.asp> <form name=gs method=get action=/search> |
|
<input type=hidden name=ourformtype value=newcustomer> |
|
|
<input type=text name=cusname size=20> |
|
|
<input type=password name=enteredpassword size=10> |
|
|
<input type=radio name=accounttype value=p>Personal |
|
|
<input type=checkbox name=intinartbks>Art books |
|
|
<input type=file size=20 name=file1> |
|
|
<select
name=acctstartmonth size=1> <option selected>Jan<option>Feb</select> |
|
|
<textarea name=furtherinfo rows=4 cols=40></textarea> |
|
|
<input
type=submit value=Submit> <input
type=reset value=Reset> |
|
|
</form> |
J.R.Carter HtmlTagExamples.doc