Page 1

In addition to these 216 hex-codes, there are 16 colors that can be represented in HTML by the English name for the color instead of the 6-digit hex-codes. These colors are:

Aqua Black Blue Fuschia
Gray Green Lime Maroon
Navy Olive Purple Red
Silver Teal White Yellow

 Changing the Background or Text Color for an Entire Page

<BODY BGCOLOR="#HHHHHH" TEXT="#HHHHHH">

Background and Text Colors: Examples

Here is the code to produce a page with a background color of black and a text color of yellow:

<HTML>
<HEAD>
<TITLE>
Black Background With Yellow Text
</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#FFFF00">
<P>This is a page with black background and yellow text.
</BODY>
</HTML>

Changing Specific Word Color

<FONT COLOR="#HHHHHH">text text text text text</FONT>

Bullet Lists

<UL>
<LI>They present information in an organized way.
<LI>They are simple to create using HTML.
<LI> The bullets look cool.
</UL>

  • UL stands for Unordered List. It means bullets will be used rather than numbers. Numbers will be explained later.
  • LI stands for List Item. It identifies the next thing that will receive a bullet. Please note that no </LI> is required. Neither is a Break or Paragraph command. The LI does everything for you. Pretty cool, huh?
  • /UL ends the entire list.

    •  

    Use the TYPE="circle" attribute to create "hollow circles" as bullets.

    <UL TYPE="circle">

    Ordered Lists

    1. List Item 1
    2. List Item 2
    3. List Item 3

    Here's how I did it:

    <OL>
    <LI>List Item 1
    <LI>List Item 2
    <LI>List Item 3
    </OL>

    Capital Letters

    <OL TYPE="a">
    <LI>List Item 1
    <LI>List Item 2
    <LI>List Item 3
    </OL>

    Roman Numerals

    <OL TYPE="I">
    <LI>List Item 1
    <LI>List Item 2
    <LI>List Item 3
    </OL>

    Lowercase Roman Numerals

    <OL TYPE="i">
    <LI>List Item 1
    <LI>List Item 2
    <LI>List Item 3
    </OL>

    Start at a number

    <OL START="4">
    <LI>List Item 1
    <LI>List Item 2
    <LI>List Item 3
    </OL>

    Can I put these together?

    You sure can. You can create some neat looking outlines and organizational structures on your Web pages by putting these list elements together. This is called using nested lists. If you'd like to used nested lists, just remember to close each list (<OL> or <UL>). Here is an example of something that you could create:

    1. Main Heading
      1. List item 1
        • Bulleted Item 1
        • Bulleted Item 2
      2. List item 2
        • Bulleted Item 1
        • Bulleted Item 2
        • Bulleted Item 3
    2. Secondary Heading
      1. List item 1
        • Bulleted Item 1
        • Bulleted Item 2
      2. List item 2
        • Bulleted Item 1
        • Bulleted Item 2
        • Bulleted Item 3

    Here's what the code looks like:

    <OL TYPE="A">
    <LI>Main Heading
    <OL>
    <LI>List item 1
    <UL>
    <LI>Bulleted Item 1
    <LI>Bulleted Item 2
    </UL>
    <LI>List item 2
    <UL>
    <LI>Bulleted Item 1
    <LI>Bulleted Item 2
    <LI>Bulleted Item 3
    </UL>
    </OL>
    <LI>Secondary Heading
    <OL>
    <LI>List item 1
    <UL>
    <LI>Bulleted Item 1
    <LI>Bulleted Item 2
    </UL>
    <LI>List item 2
    <UL>
    <LI>Bulleted Item 1
    <LI>Bulleted Item 2
    <LI>Bulleted Item 3
    </UL>
    </OL>
    </OL>

    Page 3

    Lessons

    Web Design II

     

     
    Make a Free Website with Yola.