Basic HTML Structure
<html>
<head>
<title>Title of your page here!</title>
</head>
<body>
The content of your web site goes here!
</body>
</html>
Heading Elements
<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>
Text Related Tags
<p>This is a paragraph</p>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>
Physical Styles
<b>This text is bold</b>
<i>This text is italic</i>
Logical Styles
<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>
Links & Anchors
<a href="http://www.mysitespace.com/">Click for MySiteSpace</a>
<a href="http://www.mysitespace.com/"><img src="myimage.gif" alt="Alt
text for image"></a>
<a href="#anchor_name">This jumps to an anchor on the same page</a>
<a href="mailto:you@youraddress.com">Email Me </a>
Image Elements
<img src="myimage.gif" alt="Alt text for image"> - Basic
<img src="myimage.gif" width="50" height="100" border="1" align="right" vspace="5" hspace="10" alt="Alt
text for image"> - Advanced
width = width of image
height = height of image
border = size border around image. 0 = no border.
align = right means image is to the right with text wrapping around. Left means
image is to the left with text wrapping around.
vspace = verticle spacing between image and other content.
hspace = horizontal spacing between image and other content.
alt = text people will see if image is not available, or in some cases if mouse
is over the image. Can also be useful for search engine placement.
Unordered list (Bullet List)
<ul>
<li>First item</li>
<li>Next item</li>
</ul>
Ordered list (Numbered List)
<ol>
<li>First item</li>
<li>Next item</li>
</ol>
Definition list
<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>
Tables
<table border="1" cellpadding="5" cellspacing="5" >
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>
border = size of border around table and between cells.
cellspacing = space between cells in table.
cellspacing = space between inner wall of a cell and it's content. (breathing
room)
Frames
<frameset cols="25%,75%"> * Can also use fixed values by
dropping the %
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
Forms
<form action="/cgi-bin/sendmail.cgi" method="post">
<input type="text" name="name" value="Your Name" size="30"> -
Standard
<input type="password"> - Hides Entered data
<input type="checkbox" name="messagetype" checked="checked"> - Checkbox
for multiple selections.
<input type="radio" name="messagetype" checked="checked"> - Radio button
for single selections.
<input type="submit"> - submit button
<input type="reset"> - reset form fields
<input type="hidden" value="affiliatecode" name="hiddenfield"><textarea
name="Comment" rows="60" cols="20"></textarea> - big text field.
</form>
Code for Characters
< is the same as <
> is the same as >
© is the same as ©
Misc. HTML Tags
<!-- This is a comment -->
<blockquote>
Text quoted from some source.
</blockquote> |
