HTML Training Handout 2

HTML Training Handout 2

1.SymbolsCode

©©

“"

•&183;

space 

2.Comment Tag

<!- - This is sometimes very necessary - - >

3.Lists

Unordered list

<ul>

<li>

</ul>

Ordered list (default is numbers)

<ol>

<li>

</ol>

Ordered list with alphabet

<li>

</ol>

Definition list

<dl>

<dt>

<dd>

</dl>

Try roman numerals?

4.More font control

font size

font face

Note: once you open the font tags, include all specific font commands, example:

</font>

5.Links – the real power of the internet

A.Link structures

Plan out your document in one of two ways:

First – define the different sections of the document and create

each one separately. Give each one a different title and file name.

Second – give document one title, define the different sections of the document, labeleach section separately, but enter it as a continuous document.

B.Index

The first “page” or default page of your web page (the page you want

people to start) is called the index page, and you should give this page the

file name “index.htm”. This is a convention that is recognized by servers

when you publish your web.

Rename your htm file – index.htm

C.Creating anchor tags within a document:

Step One: identify where you want to “click to”. Tag the text, heading, or

graphic in this way - <a name=”name x”> chosen area</a>.

Step Two: Go back to point of origin or “click from” and apply the command tag <a href=”name x”>source</a>. Notice that once you do this procedure that the SOURCE will be underlined and the default color if the text will be blue. Note you can tag another color for this text.

D.Creating an anchor tag to another file:

Step One: identify where you want to “click to”. Determine the URL or

the web address. It will look something like this – “ if the link is from a www site. If the link is to another page within your own folders the link will look like – “../../Pictures/Forrest.jpg”, “../Pictures/Forrest.jpg”, or “Pictures/Forrest.jpg”. The number of “../” in front of the file name will be determined by how many folders away from the page you are in the link must travel.

Step Two: Use this URL in the anchor for the “click from” area of yourdocument. Example: <a href=”http:

If you are using multiple files in you web page rather than one continuous

document, you will use this same procedure, but you will not have to use the “http:www” since you are not going out to the world wide web, but are staying within your own system.

Be aware that in your own system you will have to tell the anchor tag (=”xxxx”) the correct path to the file or place in the document.

6.Tables

A.Use table tags

<table>

<tr>(row)

<td>…..</td>(cell)

</tr>

<tr>(row)

<td>…..</td>(cell)

</tr>

</table>

B.Modifying table

1.Using the caption tag

2.Table border

<table border=”xx”>number of pixels

3.Cellspacing

<table cellspacing=”xx”>number of pixels

4.Cellpadding

<table=cellpadding “xx”>number of pixels

5.Table alignment

6.Table size

<table width=”xx” height=”xx”> use pixel or percent

7.Table color

C.Modifying cells

1.Align cell content

2.Valign cell content

3.Cell size

<td width=”xx”>pixel or percent

4.Cell color

D.Modifying Row

1. Row color

E.Spanning Rows and Columns (Merging)