|
|
Headings and Bold/Italic Text
|
You need a title or heading for your page now, right? You can use the tags <h1></h1>, changing the number (1-6), to make a heading. Headings automatically have the text bold and a line break before and after the heading. <h1> is the largest and <h6> is the smallest. Put your text inbetween these tags. Here are examples of the different size headings you can have:
Heading 6Heading 5Heading 4Heading 3Heading 2Heading 1
Another way to emphasize words is to make them bold, italics, or underlined. The tags for those are <b></b>,<i></i>, and <u></u>. Make sure to put them around the text you want formatted.
Here is what your webpage would look like with a heading at the top and bold/italics words. Remember to right click the page (or ctrl+click for Mac) and click "view source" to see the HTML!
Example Webpage
|
|
|
Color!
|
Our example webpage is looking a little boring, right? Let's add some color! There are two ways to enter color into the document. One way is to spell out the color name, like "white" or "green". The other way is to use a hexadecimal (hex) code, which is a 6-digit code made of a combination of letters and numbers. Unfortunately, different browsers don't match exactly the same colors to the same names. Where Netscape says "gold" is a shiny metallic color, Internet Explorer says it's an orange-yellow color. To be more precise, you should use a web-safe hex color chart. It shows the colors and codes for a fair amount of colors - you should be able to find what you need! Here and here are good websites to find a chart.
Here is a list of font color names that you can type in to get the color you want. Keep in mind that they won't look exactly the same in every browser.
Dodgerblue
Salmon
Blueviolet
Turquoise
Darkpink
Lime
Seagreen
Pink
Royalblue
Yellow
Goldenrod
Coral
Burlywood
Firebrick
Forestgreen
Fuchsia
Indigo
Skyblue
Indianred
Olive
Peru
Orchid
Plum
Springgreen
Steelblue
Teal
Blue
Hotpink
Cornflowerblue
To add a background color to your page, put the attribute for bgcolor in the <body> tag, like this: <body bgcolor="COLOR">. Look below on how to change the font color.
|
|
|
The Font Tag
|
One of the most useful tags in formatting text is the <font>/</font> tag. It doesn't do much unless you add attributes. These are the attributes for the font tag: <font face="FONTNAME" color="COLOR" size="NUMBER">. The font face is, basically, the font. Remember that not all computers have the same fonts on them. If you find a cool font on your system (that you might have downloaded), pretty much no one will see it if it's not a regular font. Some normal fonts that just about every computer has (except most macintosh computers) are Times, Arial, Verdana, Tahoma, Comic Sans MS, and Impact. My favorite is Verdana, as you can probably see.
For the color attribute, just use a hex code or color name where it says "COLOR", like I mentioned before. To make your whole page the same text color, add the text color attribute to the body tag, like this: <body text="COLOR">. For the "NUMBER" part, here are examples of different sized text:
Size 1
Size 2
Size 3
Size 4
Size 5
Size 6
Size 7
Here is what your webpage would look like with color, font, and size tags. Remember to right click the page (or ctrl+click for Mac) and click "view source" to see the HTML!
Example Webpage
|
|
|
|
