Learn Some More Html

Okay this is a little advanced (unless you understood the first one) but I think you'll get it. You will learn how to manipulate text, backgrounds, links, and images. Sound short? Well its not.

*First to clear things up, I put the dots in between the tags (<..>) because if I didn't the tags wouldn't show up on screen.

1. Manipulating Text

Lets start with Headings
*Using heading tags puts everything inside the tags bold and set aside from other text.
All you do is type <.h#.>Heading<./h#.> Where the # is between 1 and 6. 1 being the biggest, and 6 being the smallest.

<.h1.>Heading<./h1.>

<.h2.>Heading<./h2.>

<.h3.>Heading<./h3.>

<.h4.>Heading<./h4.>

<.h5.>Heading<./h5.>

<.h6.>Heading<./h6.>

You can use align "left", "right" or "center".

Basefont

This is a command that is like <.body.>. It just controls the size, color and font style of text for the whole document unless you specify other. So just put it after <.html.> alone like this <.basefont.>

Font Size

This is for controlling text size. All you do is type <.font size="#".>Text<./font.> Where the # is between +6 and -6. +6 being the largest and -6 being smallest.
*I will not display above +3 because some browsers will make text to large and you don't want that.
<.font size="+3".>Text<./font.>
<.font size="+2".>Text<./font.>
<.font size="+1".>Text<./font.>
<.font size="-1".>Text<./font.>
<.font size="0".>Text<./font.>
<.font size="-2".>Text<./font.>
<.font size="-3".>Text<./font.>
<.font size="-4".>Text<./font.>
<.font size="-5".>Text<./font.>
<.font size="-6".>Text<./font.>

Specific Word Color

This can be used for many things most often to get some ones attention or to point someting out.
All you do is type <.font color="#######".>Specific Word<./font.> and you get "Specific Word"

Font Style

This is to change text style for being creative or if you just like that font. Type <.font face="arial".>This is arial<./font.> Just type in any font you want. You can find out fonts by going in a word processor and pick a font that you like.

2. Text Commands

I'll be showing you these in alphabetical order with the simple sentence "How much wood would a woodchuck chuck if a woodchuck could chuck wood?".

<.address.>

How much wood would a woodchuck chuck if a woodchuck could chuck wood?

<./address.>

<.b.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./b.> Bold

<.big.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./big.>One size bigger

<.cite.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./cite.>

<.code.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./code.>

<.dfn.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./dfn.> dfn stands for Definition

<.em.>How much wood would a woodchuck chuck if a woodchuck could chuck wood? em stands for Emphasis

<.i.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./i.> Italics

<.kbd.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./kbd.> Keyboard

<.nobr.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./nobr.> This means no break so the text would just keep going to the right without starting another line.

<.p.>

How much wood would a woodchuck chuck if a woodchuck could chuck wood?

<./p.>Paragraph

<.pre.>

How much wood would a woodchuck chuck if a woodchuck could chuck wood?

<./pre.>

<.s.>~~How much wood would a woodchuck chuck if a woodchuck could chuck wood?~~<./s.> Strike-Through

<.small.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./small.>One size smaller

How much wood <.sub.>_{would a woodchuck chuck if a}<./sub.> woodchuck could chuck wood?

How much wood <.sup.>^{would a woodchuck chuck if a}<./sup.> woodchuck could chuck wood?

<.tt.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./tt.> Typewriter

<.u.>How much wood would a woodchuck chuck if a woodchuck could chuck wood?<./u.>

Underline <.nobr.>How much wood would a woodchuck <.wbr.>chuck if a woodchuck could chuck wood?<./nobr.> wbr starts another line but the line still goes to the right.

3. Placement

Everything you type always ends up at the left, huh, but you want it centered or to the right.

Center

<.center.>Text<./center.>

Right

This is setup so all the text to the right is like a paragraph.

<.p align="right.>Text<./p.>

4. Backgrounds

This is a little hard but i'll help you. Do your remember "rgb_code", well this is taking it past basic into hex. WOW. Below I have a long color chart that you can use for background colors.
In the body tag for bgcolor input one of the following hex codes for the color you want.
*Another note you can make your own color code as long as the letters are between A and F and the numbers between 1 and 9.

Aliceblue F0F8FF	Antiquwhite FABDE7	Aqua 00FFFF	Aquamarine 7FFFDA
Azure F0FFFF	Beige F5F5DC	Bisque FFE4C4	Black 000000
Blanchedalmond FFEBCD	Blue 0000FF	Blueviolet 8A2BE2	Brown A52A2A
Burlywood DEB887	Cadetblue 5F9EA0	Chartreuse 7FFF00	Chocoloate D2691E
Coral FF7F50	Cornflowerblue 6495ED	Cornsilk FFF8DC	Crimson DC143C
Cyan 00FFF1	Darkblue 00008B	Darkcyan 008B8B	Darkgoldenrod B8860B
Darkgray A9A9A9	Darkgreen 006400	Darkkhaki BDB76B	Darkmagenta 8b008b
Darkolivegreen 556B2F	Darkorange FF8C00	Darkorchid 9932CC	Darkred 8B0000
Darksalmon E9967A	Darkseagreen 8FBC8F	Darkslateblue 483D8B	Darkslategray 2F4F4F
Darkturquoise 00CED1	Darkviolet 9400D3	Deeppink FF1493	Deepskyblue 00BFFF
Dimgray 696969	Dodgerblue 1E90FF	Firebrick B22222	Floralwhite FFFAF0
Forestgreen 228B22	Fuchsia FF00FF	Gainsboro DCDCDC	Ghostwhite F8F8FF
Gold FFD700	Goldenrod DAA520	Gray 808080	Green 008000
Greenyellow ADFF2F	Honeydew F0FFF0	Hotpink FF69B4	Indianred CD5C5C
Indigo 4B0082	Ivory FFFFF0	Khaki F0E68C	Lavender E6E6FA
Lavenderblush FFF0F5	Lawngreen 7CFC00	Lemonchiffon FFFACD	Lightblue ADD8E6
Lightcoral F08080	Lightcyan E0FFFF	Lightgoldenrodyellow FAFAD2	Lightgreen 90EE90
Lightgrey D3D3D3	Lightpink FFB6C1	Lightsalmon FFA07A	Lightseagreen 20B2AA
Lightskyblue 87CEFA	Lightslategray 778899	Lightyellow FFFFE0	Lime 00FF00
Limegreen 32CD32	Linen FAF0E6	Magenta FF00FF	Maroon 800000
Mediumauqamarine 66CDAA	Mediumblue 0000CD	Mediumorchid BA55D3	Mediumpurple 9370D8
Mediumseagreen 3CB371	Mediumslateblue 7B68EE	Mediumspringgreen 00FA9A	Mediumturquoise 48D1CC
Mediumvioletred C71585	Midnightblue 191970	Mintcream F5FFFA	Mistyrose FFE4E1
Moccasin FFE4B5	Navajowhite FFDEAD	Navy 000080	Oldlace FDF5E6
Olive 808000	Olivedrab 688E23	Orange FFA500	Orangered FF4500
Orchid DA70D6	Palegoldenrod EEE8AA	Palegreen 98FB98	Paleturquoise AFEEEE
Palevioletred D87093	Papayawhip FFEFD5	Peachpuff FFDAB9	Peru CD853F
Pink FFC0CB	Plum DDA0DD	Powderblue B0E0E6	Purple 800080
Red FF0000	Rosybrown BC8F8F	Royalblue 4169E1	Saddlebrown 8B4513
Salmon FA8072	Sandybrown F4A460	Seagreen 2E8B57	Seashell FFF5EE
Sienna A0522D	Silver C0C0C0	Skyblue 87CEEB	Slateblue 6A5ACD
Slategray 708090	Snow FFFAFA	Springgreen 00FF7F	Steelblue 4682B4
Tan D2B48C	Teal 008080	Thistle D8BFD8	Tomato FF6347
Turquoise 40E0D0	Violet EE82EE	Wheat F5DEB3	White FFFFFF
Whitesmoke F5F5F5	Yellow FFFF00	YellowGreen 9ACD32

Background Image

You see this all the time in geocities, one picture repeating over and over well here it is.
In the body tag after bgcolor type: background="image.gif"
This is just like an image, so upload the picture and it should repeat as a background. I don't recommend this, but if you do put a repeating background use a medium or large size picture because if you use a small picture its hard to see text.

5. Links

This isn't really manipulating links its just like another link it just takes you to a position on your page or another page.
First you type <.a name="name".><./a.> right before where you want the link to jump to.

Where you pick the "name" of where you want to jump to, you can pick any name but dont make it to long. Then you type

<.a href="document.html#name".>Link Name<./a.>

Just fill in "document" and "name" and your link should work, you shorten it if the the position is on the same page by just putting
<.a href="#name.>. The # tells the browser to look for the
<.a name="name".>

Go to Top

E-Mail Link

This is a mail link <.a href="mailto:coldphear@aol.com".>Link Name<./a.>
And you then you get

Link Name

6. Images

Placement

Center is the same,
Example:<.center.><.img src="image.gif".><./center.>,
but what about the right.....?
Okay to put the image on the right <.img align="right" src="image.gif".>
and you get this

Text Placement

This is for placing text around a image, so you can keep writing around the image. This is just like putting the image on the right.
<.img align="top" src="image".>Text

Text
<.img align="middle" src="image.gif".>Text

Text
<.img align="bottom" src="image.gif".>Text

Text

But "top, middle, bottom" only allow you to have one line of text. So use align "left" and "right" to have text wrap aroud the picture.

Size

Image size is measured in pixels (the little squares that are on the monitor), which is pretty hard unless you have an HTML editor. To change the size type this:

<.img height="##" width="##" src="image.gif".>
Where all the ##'s are the number of pixels.

<.img height="100" width="100" src="image.gif".>

<.img height="20" width="185" src="image55.gif".>

HR is just a line

and can be controlled by percents.
<.hr.>

<.hr width="50%".>

So now your page should look like this:

<.html.>
<.body bgcolor="#######" background="image.gif" text="#######" link="#######".>
title <.basefont size="#" color="#######" face="ariel".>
Text and Commands, Text and Commands, Text and Commands, Text and Commands, Text and Commands, Text and Commands.
Links and Images, Links and Images, Links and Images, Links and Images.
<./body.>
<./html.>

*Disregard any spelling or grammer mistakes, or mistakes in commands.