Google

Fonts

Now that you've got the basic part out of the way, let's do something to make this worth the work. Let's do something to the heading. Headings are usually the first line that acts as the title when the user first views your page. For example, the heading of this tutorial is "HTML from scratch...". The heading for our template is "This is my web page...". Headings range from <H1>(being the largest heading) to <H6>(the smallest). One way of centering a heading besides using the <CENTER> tag is to type <H1 ALIGN=CENTER>. Instead of <H1>, let's use <FONT FACE="..."> to make the header unique. If you want to see a list of different fonts you can use, check out our fonts and colors page (NOTE: if you don't have some of these fonts loaded on your computer, they may default as "Times New Roman"). <FONT> will let us design the font the way we want it to look rather than a predefined font. This way, you can control the text in your page and the viewers will not seem as disinterested. Let's also use the "Comic" font that I used for the heading of this tutorial. After you have typed your message, you need to type an </FONT> tag to close the set. If you don't close tag pairs off, everything after the opening tag will be formatted to the way the opening states. You can also use ALIGN=CENTER in the <FONT> tag to center your text. Now, say you wanted to add color to your text. You would add COLOR="..." in the <FONT> tag. Here you can add the color in two ways:

  • Type in the name of the color you desire(i.e. "red").
  • Type in the hexidecimal code(i.e. "#6b8e23").
You can also change the size of your letters by adding SIZE="..." to the <FONT> tag. This works opposite of <Hx>. Here's how:
  • H1 is the same as SIZE="6"
  • H2 is the same as SIZE="5"
  • H3 is the same as SIZE="4"
  • H4 is the same as SIZE="3"
  • H5 is the same as SIZE="2"
  • H6 is the same as SIZE="1"

Click to see Demo 2

Question: Not bad. But I've seen other sites and they have more than just one line. How do I tell the world what my page is about?

Answer: Glad you've calmed down. In order to say more and have it look good, you need to learn how to add paragraphs.


Previous | Home | Next

If you have a question about any of the lessons, feel free to ask.

1