|
Basic Tags |
|
<html> |
|
Creates an HTML document |
|
<head> |
|
Sets off the title and other information that isn't
displayed on the Web page itself |
|
<title> |
|
Sets the title of the document |
|
<body> |
|
All that need to be displayed goes within body tag |
| |
|
Body Attributes |
|
<body bgcolor="#FFFFFF"> |
|
This Sets the background color, using name or hex value |
|
<body text="black"> |
|
This Sets the text color, using name or hex value |
|
<body link="red"> |
|
This Sets the color of links, using name or hex value |
|
<body vlink="#FFF0000"> |
|
This Sets the color of followed links, using name or hex
value |
|
<body alink="grey"> |
|
This Sets the color of links on click |
|
<body background="moon.gif"> |
|
This Sets the background images to the specified file |
| |
|
Text Tags |
|
<h6> |
|
Smallest headline |
|
<h1> |
|
Largest headline |
|
<b> |
|
Bold text |
|
<i> |
|
Italic text |
|
<tt> |
|
Typewriter-style text |
|
<big> |
|
shorthand for |
|
<small> |
|
shorthand for |
|
<dfn> |
|
definition |
|
<em> |
|
italic emphasis |
|
<cite> |
|
book titles |
|
<code> |
|
program listings |
|
<kbd> |
|
keystrokes |
|
<pre> |
|
preformatted |
|
<samp> |
|
computer status messages |
|
<strong> |
|
bold emphasis |
|
<var> |
|
to be replaced by specific when used. |
|
<u> |
|
underline |
|
<address> |
|
email address, possibly street address. |
|
<blockquote> |
|
long quotation |
|
<font size=2> |
|
Sets size of font ( from 1 to 7) |
|
<font color="#FF0000"> |
|
Sets font color, using name or hex value |
|
<font face="arial"> |
|
Specify the font |
| |
|
Links |
|
<a href="www.wondersky.com"> |
|
Creates a hyperlink |
|
<a href="mailto:ravi@wondersky.com"> |
|
Creates a mailto link |
|
<a name="WonderSky"> |
|
Creates a target location within a document |
|
<a href="#WonderSky"> |
|
Links to that target location from another place in the
document |
| |
|
Formatting |
|
<p> </p> |
|
Creates a new paragraph |
|
<p align=left> |
|
Aligns a paragraph to the left, right, or center |
|
<br> |
|
Inserts a line break |
|
<blockquote> |
|
Indents text from both sides |
|
<dl> |
|
Creates a definition list |
|
<dt> |
|
Precedes each definition term |
|
<dd> |
|
Precedes each definition |
|
<ol> |
|
Creates a numbered list |
|
<li> |
|
Precedes each list item, and adds a number |
|
<ul> |
|
Creates a bulleted list |
|
<div align=center> |
|
A generic tag used to format large blocks of HTML, also
used for stylesheets |
|
<hr> |
|
Inserts a horizontal rule |
|
<hr size=200> |
|
Sets size (height) of rule |
|
<hr width=1> |
|
Sets width of rule, in percentage or absolute value |
|
<hr noshade> |
|
Creates a rule without a shadow |
| |
|
Graphical Elements |
|
<img src="wondersky.gif"> |
|
Adds an image |
|
<img src="wondersky.gif" align=center> |
|
Aligns an image: left, right, center; bottom, top,
middle |
|
<img src="wondersky.gif" border=1> |
|
Sets size of border around an image |
| |
|
Tables |
|
<table> </table> |
|
Creates a table |
|
<tr> |
|
Sets off each row in a table |
|
<td> |
|
Sets off each cell in a row |
|
<th> |
|
Sets off the table header (a normal cell with bold,
centered text) |
| |
|
Table Attributes |
|
<table border=1> |
|
Sets width of border around table cells |
|
<table cellspacing=1> |
|
Sets amount of space between table cells |
|
<table cellpadding=1> |
|
Sets amount of space between a cell's border and its
contents |
|
<table width=300 or 50%> |
|
Sets width of table - in pixels or as a percentage of
document width |
|
<tr align=left> or |
|
Sets alignment for cell(s) (left, center, or right) |
|
<tr valign=top> or |
|
Sets vertical alignment for cell(s) (top, middle, or
bottom) |
|
<td colspan=1> |
|
Sets number of columns a cell should span |
|
<td rowspan=2> |
|
Sets number of rows a cell should span (default=1) |
|
<td nowrap> |
|
Prevents the lines within a cell from being broken to
fit |
| |
|
Frames |
|
<frameset> |
|
tag in a frames document; can also be nested in other
framesets |
|
<frameset rows="2,3"> |
|
Defines the rows within a frameset, using number in
pixels, or percentage of w idth |
|
<frameset cols="2,3"> |
|
Defines the columns within a frameset, using number in
pixels, or percentage of width |
|
<frame> |
|
Defines a single frame - or region - within a frameset |
|
<noframes> |
|
Defines what will appear on browsers that don't support
frames |
| |
|
Frames Attributes |
|
<frame src="menu.htm"> |
|
Specifies which HTML document should be displayed |
|
<frame name="myframe"> |
|
Names the frame, or region, so it may be targeted by
other frames |
|
<frame marginwidth=2> |
|
Defines the left and right margins for the frame; must
be equal to or greater than 1 |
|
<frame marginheight=1> |
|
Defines the top and bottom margins for the frame; must
be equal to or greater than 1 |
|
<frame scrolling="yes"> |
|
Sets whether the frame has a scrollbar; value may equal
"yes," "no," or "auto. " The default is auto. |
|
<frame noresize> |
|
Prevents the user from resizing a frame |
Forms |
|
<form> |
|
Creates all forms |
|
<select multiple name="NAME" size=1> |
|
Creates a scrolling menu. Size sets the number of menu
items visible before yo u need to scroll. |
|
<option> |
|
Sets off each menu item |
|
<select name="NAME"> |
|
Creates a pulldown menu |
|
<option> |
|
Sets off each menu item |
|
<textarea name="info" cols=40 rows=8> |
|
Creates a text box area. Columns set the width; rows set
the height. |
|
<input type="checkbox" name="name"> |
|
Creates a checkbox. Text follows tag. |
|
<input type="hidden" name="fieldname" value="fieldvalue"> |
|
Will send hidden information |
|
<input type="radio" name="userage" value="Male"> |
|
Creates a radio button. Text follows tag |
|
<input type=text name="username" size=20> |
|
Creates a one-line text area. Size sets length, in
characters. |
|
<input type="submit" value="Submit"> |
|
Creates a Submit button |
|
<input type="image" border=0 name="ws" src="ws.gif"> |
|
Creates a Submit button using an image |
|
<input type="reset"> |
|
Creates a Reset button |
Other |
<P> </P> defines the boundaries of a paragraph.
To allign the paragraph use:
<P ALLIGN=LEFT>
<P ALLIGN=RIGHT>
<P ALLIGN=CENTER>
<P ALLIGN=JUSTIFY>
&nbsb inserts a space in the text.
<BR> forces a break, with the text going down one
line to continue
<NOBR> </NOBR> putting text between here forces
the text to stay on one line.
<WBR> </WBR> allows a break, but not in the middle
of a word.
<DIV> defines the boundaries of a section of text
</DIV>
To allign the division use: <P ALLIGN=LEFT>
etc.
<CENTER> is another way to center text, image, table,
etc. </CENTER>
<SUB> 1 </SUB> lowers a character (like 1) slightly
and reduces font size 1 degree
<SUP> 1 </SUP> raises the character (like 1) slightly
and reduces font size 1 degree
<PRE> preformats a block of text like 1 one two three
four 2 onea twoa threea foura </PRE> But it only does
it in monospaced Courier.
<BLOCKQUOTE> sets blocks of text apart from the main
body of text </BLOCKQUOTE> puts a line space before,
after, and indents it.
<FONT FACE="ARIAL" SIZE=1 COLOR="BLACK" > changes
the font of some text </FONT>
1=8pt,2=10pt,3=12pt,4=14pt,5=18pt,6=24pt, 7=36pt
COLOR="000000" is also black. For color codes see
Browser Safe Colors
|
|
Template |
<HTML>
<HEAD>
<meta http-equiv="Content Language" content=" ">
<meta http-equiv="Content Type" content=" ">
<meta name="description" content "This tells you about
this page">
<meta name="keywords" content "onekeyword,
anotherkeyword, thirdkeyword">
<TITLE> My Title </TITLE>
</HEAD>
<BODY>
<p> defines the boundaries of a paragraph within the
body </p>
</BODY>
</HTML>** Note: Front Page will not put the meta
description and keywords into a document. You need to
do that by going to the html view and inserting it by
hand, or using the Front page format for entering meta
tags. |