HTML Basics

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

Blockquote and list tags

More alignment tags

Block quotes (using the <blockquote> tag) are great because that way you can "offset" important text from the rest of the text. If you want to put short quotations within a paragraph, use the <q> tag.

Here is an illustration of this:

According to page 37 of the text for this course:

<blockquote> The <blockquote> tag allows you to create a block quote on your Web page. A block quote is a section of text that is separated from the rest of the text on your Web page. Block quotes usually appear indented from both sides of a Web page and are often used for displaying long quotations. </blockquote>

There is no limit to how much text can be included within the <blockquote> tag.

It will look like this:

According to page 37 of the text for this course:

The <blockquote> tag allows you to create a block quote on your Web page. A block quote is a section of text that is separated from the rest of the text on your Web page. Block quotes usually appear indented from both sides of a Web page and are often used for displaying long quotations.

There is no limit to how much text can be included within the <blockquote> tag.

Now onto lists:

If you want an ordered list (or numbered list), use the <ol> (ordered list) tag followed by <li> (list items) tags (remember to use either linebreaks (<br> tag) or close each item with </li> tag:

<ol>
<li>Number one</li>
<li>Number two</li>
<li>Number three</li>
<li>Number four</li>
</ol>

It looks like this:

The text tells you to use </li> instead of <br> tags, which is fine, but I use <br> tags instead, and if I want to skip a line between each member of the list, I use <br><p> tags for each one.

If you want an unordered list, change the <ol> and </ol> tags to <ul> and </ul> (for unordered or "bullet" list) tags, such as:

<ul>
<li>First bullet item</li>
<li>Second bullet item</li>
<li>Third bullet item</li>
<li>Fourth bullet item</li>
</ul>

It looks like this:

• First bullet item
• Second bullet item
• Third bullet item
• Fourth bullet item

See page 42 of the text if you want a "nested" list, which will look like and "outline". And see page 43 to create a "definition" list.

  1  2  3  4