• You will also learn how to upload via ftp any html file, incorporate graphics and links into the Web page code, and find a free or inexpensive Web host;

  • An understanding of HTML will be acquired even if the student plans to use a Web design program such as MS FrontPage; this will aid the student in editing the source code in FrontPage or any other software.

  • The student should expect that after completing the course they will be able to create their own Web page using html.

    " />

    Freelance Writing Jobs | Today's Articles | Sign In

     
    Browse Sections

    HTML Basics

    Lesson 2: Text, font, background, color, list tags

    Font, body background, color, title-headline, alignment tags

    Font tags

    and tags open and close fonts: font types (font faces), font colors, font sizes:

    • is the tag to use to identify the font used (ie, Times New Roman, Arial, etc.)
    • is the tag used to identify the color of the font used.
    • is the tag used for the size of the font. Whereas if you use the headline tags ( through
      ) the lower the number the larger the font, when you use the tag, the higher the number the larger the font, so that font size=1 is the smallest, and font size=6 is much larger. Don't get confused!

      Even if you don't specify a font for your Web page text, your browser will use Times New Roman by default. Other defaults are grey for background color, black for text, red for links and blue for "visited" links.

      I do use the "font" tags regularly. Suppose you want to use the "Arial" font for a portion of your text; your code would look like this:

      , with your text closed by the tag.

      Suppose you want your font to be roughly 10 pts (font size="2") (which is the basic font size on the majority of Web sites; 8 pts (font size="1") is too small and 12 pts (font size="3") is sometimes considered too big). You could use the following:

      , closed by the tag.

      Now let's put them together: (Put your text here)

      You only need to put the tag in ONCE if you are closing any tags beginning with .

      Colors on your Web page

      Before I discuss font color changes in any part of your text or your headlines, first I need to talk about colors on your page, whether text colors or background colors.

      When putting a color on your Web page, ALWAYS use the symbols "#rrggbb", with rrggbb being code numbers or letters that define the HTML standard color code for that color. NEVER use spaces between any characters in these codes! Some common color codes are:

      white=ffffff
      black=000000
      red=ff0000
      blue=0000ff
      green=00ff00

      See page 33 of your text for more color codes, as well as the Barebones Guide to HTML here

      Define the colors on your Web page

      On your Web page, right after the tag and right before the tag is the place you want to define the background color (or, if you prefer, a background image, but that comes later), text color, link colors that you must have to make your Web page more viewable.

      Use this tag:

      Note: "link" is your link color, unless it is a "visited" link. Visitied links are "vlinks"; this means that if you have visited a link that is on the Web page, that link will have a different color than the "unvisited" link.

      Suppose you want your background color white, your text black, you link color red and your visited link color blue.

      The beginning of your HTML code should be something like this:



      Your Web Page Title


      Always skip a line between the tag and the tag. In fact if you use the or tags, you don't even need the tag! (I use both because it's a habit).

      Note: You won't close the (or "body bgcolor") tag with until the END of your html page code!

      Change the font colors, sizes, types on your Web page

      Having standardized your text color in your Web page body to black, supposing you want to use a different color (red) in your headline, as well as the "Times New Roman" font type and the font size of "5" for 18 pts. Your tag will be this:

      Your Headline

      and will look like this:

      Your Headline

      NOTE: Remember to put spaces in between various font attributes (font face, font color, font size)!

      Suppose you want to put linebreaks in your headline if it's rather long (this allows you to control where the headline breaks to a new line):

      Your
      Headline

      It will look like this:

      Your
      Headline

      Suppose you want to change one of the headline word's font color to blue (say the middle word):

      Your
      Longer
      Headline

      It will look like this:

      Your
      Longer
      Headline

      Now let's say you want your centered headline to read "Why my favorite color is red", making the word "red" coded "#ff0000" with the other words coded "#0000ff" for blue, and making three lines, font type(face) "Arial", sized 18 pts (font size=5), and centered. It would look like this:

      Why My Favorite
      Color is
      Red

      It will look like this:

      Why My Favorite
      Color is
      Red

      Remember that however you write the tags in the beginning, remember to reverse the order at the close.

      Print this Page Print this page


      Previous Page  1  2  3  4   Next Page

    Lessons

    Lesson 1: Getting started on your Web page
    Lesson 2: Text, font, background, color, list tags
    • Font, body background, color, title-headline, alignment tags
    Lesson 3: Adding Images
    Lesson 4: Links