|
Home |
|
|
Profile |
|
|
Packages |
|
|
Portfolio |
|
|
Web Help |
|
|
PC Help |
|
|
Calgary |
|
|
Biography |
|
|
Comedy |
|
|
Games |
|
|
|
Tom’s Basic HTML rules and Tags
1. HTML = TEXT
2. <TAG>Area affected by tag</TAG> Turn off your command 1,2,3 – 3,2,1
3. HTML = HEAD + BODY
4. Case only counts after an equal sign = or Picture Files Names (ie:Cat.jpg)
5. Multiple TAGS & SPACES are ignored, use “ ”
6. There are exceptions: <hr><img><br> (use <br />)
Common Tags
<HTML> - tells browser this is a HTML coded page (not *.doc or *.txt)
<HEAD> - hidden code that that browser looks for here
<META> - search engines look for coding here
<TITLE> - shows up on the top of the browser and for search engines
<BODY> - tells browser to start showing the page, main part of page
<BR> - line break
<P> - paragraph break
<HR> - horizontal line break
<B> - bold <EM> is another variant
<i> - italic
<U> - underline, don’t use!
<UL> - unordered list or indentation <BLOCKQUOTE> is another variant
<Li> - list (bullets, buttons) command
<FONT face=> - font command coupled with type, colour, and size command
<IMG src=> - picture image call up command with ALT= or TITLE= for tool tip.
<p ALIGN= - alignment of paragraph, picture, tables, etc
<A href=> - hypertext link coming up, <a href=xyz.html>XYZ page</a>
There are four types of links – Local, Relative/Absolute, Bookmark/Anchor, and
Email with ?Subject=
Table:
<table border=>
<tr>
<th>Company</th>
<th>Street</th>
<th>Suite</th>
<th>City</th>
<th>Postal</th>
</tr>
<tr>
<td rowspan=>ABC Company</td>
<td colspan= >123 Your Street</td>
<td>.</td>
<td>Calgary, AB</td>
<td>T3L 2F4</td>
</tr>
<tr>
<td>Company</td>
<td>345 City Street</td>
<td> Ste. 2101</td>
<td> Toronto, ON</td>
<td>J7U 4F5</td>
</tr>
</table>
Lists:
Capital A <OL TYPE="A">
A. Item one
B. Item two
C. Item three
Small A <OL TYPE="a">
a. Item one
b. Item two
c. Item three
Numbered Lists <OL TYPE="1">
1. Item One
2. Item Two
3. Item
Three Roman Capital <OL TYPE="I">
I. Item one
II. Item two
III. Item three
Roman Small <OL TYPE="i">
i. Item one
ii. Item two
iii. Item three
Square <OL TYPE=”square”>
Forms:
<FORM METHOD="POST" ACTION="../cgi-bin/test-cgi">
<p>Enter Your Name: <input type="text" name="longText" size="50" maxlength="30">
<ul>
<li><input type="radio" name="groupname" value="dog" CHECKED > dog</li>
<li><input type="radio" name="groupname" value="cat"> cat</li>
<li><input type="radio" name="groupname" value="bird">bird</li>
<br>
<li><input type="checkbox" name="Female" CHECKED >Female</li>
<li><input type="checkbox" name="Male" > Male</li>
<li><input type="checkbox" name="Unknown" >Unknown</li>
</ul>
<p>
What is the colour of your hair?
<SELECT name="hrcolor">
<option value="bla"> black</option>
<option value="blo">blonde</option>
<option value=”red”>red</option
</SELECT>
<select multiple="multiple" size="2">
<option value="ford" SELECTED>Ford</option>
<option value="chev">Chev</option>
<option value="dodge">Dodge</option>
</select>
<p>
Comments:<br>
<textarea name="cat" rows="7" cols="50" >
</textarea>
<br>
<INPUT TYPE=SUBMIT value="Click here to enter your info"> <input type="reset">
</FORM>