HTML Tags: Summary
1. Basic tags of an HTML document:
<HTML>
<HEAD>
<TITLE>......(title at the top of the browser vindow).................</TITLE>
<H1>.........................(title inside your
document).............</H1>
</HEAD>
<body>
..................................(information in your
document)
</body>
</html>
[top]
2. Title, Headers, and Paragraphs Tags
Title: <TITLE> and </TITLE>
Header: <Hx> and </Hx>
Paragraph: <p>
Line Break: <br>
[top]
3. Text Formatting
Physical Styles
Bolden text: <B> and </B>
Italicize text: <I> and </I>
Fixed-width text: <TT> and </TT>
Logical Styles
Text emphasized in italics: <EM> and </EM>
Text emphasized in bold: <STRONG> and </STRONG>
Special Characters
< for <
> for >
& for &
" for "
Horizontal rules
<HR WIDTH=x% SIZE=x>
Centering Text
<CENTER>......(text)...........</CENTER><p>
Indenting Text
<Blockquote>......(text)...........</Blockquote>
[top]
4. Hypertext Links
To link to another document
<A HREF= "...(name of document to be connected)...">(text
to be used as link)</A>
To link to a specific point within a single document:
<A HREF="#info">Information</A>
<A NAME="info">Information</A>
To link to a specific point in another document:
<A HREF="assignment.html #Assignment1">Assignment
1</A>
<A NAME="Assignment1">Assignment 1 </A>
[top]
5. Lists
Unnumbered Lists
<UL>
<LI> (list item)
</UL>
Ordered Lists
<OL>
<LI> (list item)
</OL>
Definition Lists
<DL>
<DT> (definition term)
<DD>(definition)
</DL>
[top]
6. Images
Image tag
<IMG SRC="bluedot.gif">
<IMG ALIGN=LEFT SRC="bluedot.gif">
Image as a hypertext link
<A HREF="destination address"><IMG
border=0 align=left SRC="bluedot.gif" ALT="A blue dot"></A>
[top]
7. Tables
<TABLE WIDTH="100%" Border=3>
<TR>
<TD WIDTH="50%"></TD>
<TD WIDTH="50%"></TD>
</TR>
<TR>
<TD WIDTH="50%"></TD>
<TD WIDTH="50%"></TD>
</TR>
</TABLE>
[top]
8. Forms
<BODY>
<FORM>
Checkbox
<INPUT TYPE="checkbox" NAME="checkbox"
VALUE="checkbox">
Radio Button
<INPUT TYPE="radio" VALUE="radio"
NAME="radio224328" CHECKED="true">
Text Area
<TEXTAREA NAME="name" ROWS="7"
COLS="27"></TEXTAREA>
Text Field
<INPUT NAME="name" TYPE="text"
SIZE="30">
Password Field
<INPUT NAME="name"TYPE="password"
SIZE="30" TYPE="text">
Popup Field
<SELECT><OPTION SELECTED>item one<OPTION>item
two<OPTION>item three</SELECT>
Submit Button
<INPUT NAME="name" TYPE="submit"
VALUE="Submit">
Reset Button
<INPUT NAME="name" TYPE="reset"
VALUE="Reset">
</FORM>
</BODY>
[top] [back]
[home] | 
