HTML Part II

<UL>
This list:

	dogs
	cats
	horses

Would read like this in the HTML code:
<UL>
<LI> dogs
<LI> cats
<LI> horses
</UL>

<OL>
This list:

1. Espresso
2. Cappacino
3. Late' Mocha

Would read like this in HTML Code:

<OL>
<LI> Espresso
<LI> Cappuccino
<LI> Late' Mocha
</OL>

<HR>

A line, or, horizontal rule, may look something like this:

The HTML Tag defines the height and width of the line. You can edit the variables manually. However, HTML Editors allow you to resize it, just as you would a graphic.
This Horizontal Rule/Line, looks like this on the inside:

NOTE: The "90%" is talking about how much of the window space is used.

bold text

italic text

This tells the computer what font size to use. The HTML Editors let you determine this like a word processor, but here's what's going on on the inside:

This tells the computer what color of text to use. The weird numbers and letters define a certain color. For intance the above code defines this color. Check out the colors section to lern more about this.

<FONT FACE=

This determines the font type of your text. Some computers and browsers don't allow different fonts, so you have to be careful about what fonts you use....

<A HREF=

This defines a link. For instance this link: ZJAM. is displayed like this in the code:

Also, links can go to a local page, like this. Which looks like this:

Links can also link to specific file, like this little tune.

<A HREF="Song_012.mid">little tune</A>

Also you can link to certain parts, or targets in a document. For instance, this can driect you to the top of this section. What I did, is right above the text that reads "<A HREF=" I stuck in a target. Here's what the HTML Target Tag looks like:

And here's the inside story:

<mailto:

This handy little tag let's you link automatically to a e-mail addres. Try it!
Here's what's going on:

<mailto:"imahacker@techie.com">

These are preset option, saying what colors text, Back ground colors, link colors, visited link colors, and active link colors. These can be reset in the preference options in your HTML editor. To find out what's up with the weird numbers and letters, look at this.

<TABLE

Tables (also referred to as frames), can add a special pazaz to a web site, with taking forever to load. Our web site is made up of a series of color, boxed into frames - works well, don't you think? We hid the borders, which look more proffesional, IMHO, then tables with borders. However, for the sake of this exercise, the border shows how it works. Here's a table with a border:

Here's the tag:

This tag tells the computer to generate a table, with a border, with 2 Columns, and a width that takes up 100% of the window space. (Streching from the left side of the screen to the right.

Here's a table without a border, we added 3 columns, and added a background color, so you could see how the code works:

Here is one column

Here's the code:

<TABLE COLS=3 WIDTH="100%" >
<TR>
<TD BGCOLOR="#8000FF">
<CENTER>Here is one column</CENTER>
</TD>

<TD BGCOLOR="#33FF33">
<CENTER>Here is one column</CENTER>
</TD>

<TD BGCOLOR="#FF6600">
<CENTER>Here is one column</CENTER>
</TD>
</TR>
</TABLE>

Here's the code explained:

<TABLE COLS=3 WIDTH="100%" >
<TR>
It's telling the computer to generate a table with 3 columns, and a widthe of 100%.
<TD BGCOLOR="#8000FF">
This is the first column, with color settings, set to purple.
<CENTER>
This is text alignment to the center.

This is tect setting - telling the computer what font to use.

Here is the font size.
Here is one column
Here's what it says in Column one.


</CENTER>
</TD>
These series of tags end the font color, font size, alignment and column settings.

The following repeat the process, except this time, the background is green.
<TD BGCOLOR="#33FF33">
<CENTER>Here is one column</CENTER>
</TD>

Here we go repeating the process again, except the column is orange.
<TD BGCOLOR="#FF6600">
<CENTER>Here is one column</CENTER>
</TD>

The following are the ending tags of the code, that end the column properties, and table properties.
</TR>
</TABLE>

<español> <french> <hebrew> <german> <russian> <italian> <portuguese> <arabic> <japaneese> <chinese> <korean>

Copyright Thinkquest Team C0110523: Jordan, Maegan, and Chris. Please contact us if you wish to use any part of this website Visit Thinkquest at thinkquest.org

Click Here to Sign our Guestbook!