Basic HTML

Start with the heading command first:

To start your heading and to write your title, this is the code.

On your body you should include text, text colors, background color, link colors, visited link. It should look like this:

In the blank spaces you write the hex code color of your choice.(Colors are represented by a # sign followed by a combination of six letters and numbers, called a hexidecimal, or HEX code. To see the list of codes and its colors look at the chart below.)

To end your body write:

To end it all

  Text Alignment

You can align your text left, center, or right

Left:

Right:

Center:

To end the code:

If you want your letters. . .

BOLD

or
Underlined

or
Italicized

Images
There are different types of images: jpg, gif, and bmp. To post an image from YOUR files to the webpage:

But if you are using an image from another server and it is not yours:

Images that are links:

If you don't want your image links to have an border the color of your links, then type this code instead.

Also, you must upload the images to your server in order for the image links to work.

So you want background sound too? *note* go easy on these if you use them, they can be quite annoying. First upload the sound to your server, then use this code:

Linking pages

To link your own subpages together

Email Link:

If you want to link to a page that is not yours. . .

Advanced HTML

This part is only useful if you are already familiar with the basic HTML above.

Text

If you want scrolling text like this

If you want scrolling text. . .:

<marquee> write whatever here</marquee>

 

 Okay, now let's see some more advanced stuff.

Tables

Tables look like this:
You can write text Put links
And write long messages. And even pictures

The Basics on Tables:

This defines the start and the end of the table in the HTML code.
<TABLE> and </TABLE>

This defines the start and the end of a table row within the TABLE tag.
<TR> and </TR>

This stands for table data. Each single table cell within a table row needs to be defined with these opening and closing tags.
<TD> and  </TD>

This specifies the table caption. This tag can be used for a caption above (insert immediately after opening TABLE tag) or below (insert before the closing TABLE tag) the table.
<CAPTION> and </CAPTION>

Each single header cell within a table row needs to be defined with these opening and closing tags. The content of header cells is automatically displayed in bold text attribute and aligned centered.
<TH> and </TH>

It's all coming together now. With this tag you will get a table that looks like this:
Header Header
cell3 cell4

The Tag for the table above is:
<TABLE><CAPTION>Table Caption</CAPTION>

<TR>

<TH>header</TH>

<TH>header</TH>

</TR><TR>

<TD>contents of cell 3</TD>

<TD>contents of cell 4</TD>

</TR>

</TABLE>

Tables: Height & Width

This defines a certain width and height for the complete table. "#" can have a value in pixels or in % of the visible browser window. The height value is rarely used.
<TABLE WIDTH="#" HEIGHT="#"></TABLE>

This defines a certain width and height for the table cell. "#" can have a value in pixels or in % of the visible browser window. The Netscape browser won't render the height attributes if used for table cells.
<TD WIDTH="#" HEIGHT="#"></TD>

This defines a certain width and height for the table header cell. "#" can have a value in pixels or in % of the visible browser window. The Netscape browser won't render the height attributes if used for table cells.
<TH WIDTH="#" HEIGHT="#"></TH>

Tables:  Changing and Adding Colors

If you want to use color in your tables, you can change the background and the border colors. You can change the background color for the either the complete table, a table row, or a single table cell.

This tag defines background color for all table cells. You can either use the hex value of a color or the colorname.
<TABLE BGCOLOR="#rrggbb"></TABLE><TABLE BGCOLOR="colorname"></TABLE>

This tag defines a background color for all cells of a table row. You can either use the hex value of a color or the colorname.
<TR BGCOLOR="#rrggbb"></TR><TR BGCOLOR="colorname"></TR>

This defines a background color for single cells in a table. You can either use the hex value of a color or the colorname.
<TD BGCOLOR="#rrggbb"></TD><TD BGCOLOR="colorname"></TD>

Frames

Here are the tags that you should use to set up frames. I recommend you either copy the tags very carefully, or cut & paste them to your "index.html" page

Option #1- with a scroll-bar
<HTML>

<FRAMESET COLS="20%,80%">

<FRAME SRC="contents.html" MARGINWIDTH=1>

<FRAME SRC="start.html" NAME="mainframe" SCROLLING=YES>

</FRAMESET>

</FRAMESET>

</HTML>

Option#2: Without a scroll bar
<HTML> <frameset cols="125,*" border=no frameborder=0 framespacing=0 bordercolor=#ffffff> <frame src="contents.html" marginwidth=0 marginheight=0 scrolling=no noresize border=no bordercolor=#FFFFFF> <frame src="start.html" border=no bordercolor=#ffffff name="mainframe"> </frameset></HTML>

Non-Underlined Links

 You must place this code at the beginning of your html
<HTML>

<HEAD>

<STYLE>

<!--A{text-decoration:none}-->

</STYLE>

or you can use the highlighting method I use for links with this HTML
<HTML>

<HEAD>

To change the Font of your Letters
<font face="fontname" size="___">

To change the color of your letters
<font color="____">

Hex Codes

0000000000330000660000990000CC0000FF3300003300333300663300993300CC3300FF
             
0033000033330033660033990033CC0033FF3333003333333333663333993333CC3333FF
            
0066000066330066660066990066CC0066FF3366003366333366663366993366CC3366FF
            
0099000099330099660099990099CC0099FF3399003399333399663399993399CC3399FF
            
00CC0000CC3300CC6600CC9900CCCC00CCFF33CC0033CC3333CC6633CC9933CCCC33CCFF
            
00FF0000FF3300FF6600FF9900FFCC00FFFF33FF0033FF3333FF6633FF9933FFCC33FFFF
            
6600006600336600666600996600CC6600FF9900009900339900669900999900CC9900FF
            
6633006633336633666633996633CC6633FF9933009933339933669933999933CC9933FF
            
6666006666336666666666996666CC6666FF9966009966339966669966999966CC9966FF
            
6699006699336699666699996699CC6699FF9999009999339999669999999999CC9999FF
            
66CC0066CC3366CC6666CC9966CCCC66CCFF99CC0099CC3399CC6699CC9999CCCC99CCFF
            
66FF0066FF3366FF6666FF9966FFCC66FFFF99FF0099FF3399FF6699FF9999FFCC99FFFF
            
CC0000CC0033CC0066CC0099CC00CCCC00FFFF0000FF0033FF0066FF0099FF00CCFF00FF
            
CC3300CC3333CC3366CC3399CC33CCCC33FFFF3300FF3333FF3366FF3399FF33CCFF33FF
            
CC6600CC6633CC6666CC6699CC66CCCC66FFFF6600FF6633FF6666FF6699FF66CCFF66FF
            
CC9900CC9933CC9966CC9999CC99CCCC99FFFF9900FF9933FF9966FF9999FF99CCFF99FF
            
CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFFFFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
            
CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFFFFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF
            




You can get free graphics from me. :o)