• Home
• About
• Contact
• Link
• Sitemap
• Forums

1. HTML intro
2. Web pages and you

1. HTML getting started
2. HTML basics
3. HTML document

1. HTML text formatting 1
2. HTML text formatting 2
3. HTML text formatting 3
4. HTML fonts
5. HTML entities

1. HTML links
2. HTML email links

1. HTML images
2. HTML image maps

1. HTML forms
2. HTML form labels
3. HTML fieldset/legend

1. HTML tables
2. HTML tables concepts

1. HTML frames

1. HTML backgrounds
2. HTML colors
3. HTML color shades
4. HTML color usage

1. HTML stylesheets
2. HTML div/span

1. HTML audio
2. HTML video
3. HTML objects
4. HTML download media

1. HTML head section
2. HTML meta tags
3. HTML scripts
4. HTML declarations
5. HTML document types

1. HTML tag rules
2. HTML things to avoid
3. URL formatting
4. URL encoding/decoding
5. HTML use/access
6. HTML publish work

1. HTML marquees

1. HTML history
2. HTML summary

HTML text formatting (part 2)

This is part 2 of our three tutorials on text formatting.

Read the Text formatting part 1 or Text formatting part 3 tutorials.

This tutorial focuses on:

• Definition lists
• Deleted and inserted text
• Quotations
• Superscripts and subscripts
• Creating spaces
• Lists

Definition lists

A definition list is a list of words together with their definitions organized in a certain manner. Definition lists are created using a few tags.

NOTE: Bold the terms in a definition list to set them apart from the definitions.

Deleted and inserted text

Deleted and inserted text is displayed with the <del> and <ins> tags.

Quotations

Long quotations are displayed with the <blockquote> tag. Short quotations are displayed with the <q> tag.

With the <q> tag, the browser will automatically display quote marks around the text. With the <blockquote> tag you have to put them yourself.

Superscripts and subscripts

Superscripts

Superscripts are created with the <sup> tag.

Subcripts are created with the <sub> tag.

Creating spaces

Browsers ignore anything more than one consecutive space. The solution to this is the &nbsp; character entity. Every time you insert this character entity into your code, it will create one space.

while.....

Read more about character entities in the HTML text formatting (part 3) tutorial or the full tutorial on HTML entities.

Lists

Lists are an excellent way to present information in an organized fashion. There are three types of lists - numbered (ordered) lists, bulleted (unordered) lists, and definition lists (discussed at the beginning of this tutorial).

Bulleted lists

The bulleted list is a list which includes a bullet next to each item in a list. Bulleted lists are created with the <ul> tag. Each item in the list is displayed with the <li> tag.

Discs are the default bullet type in an unordered list, but you can set different bullet types with the type attribute of the <ul> tag.

Numbered lists

The numbered list is a list which uses numbers instead of bullets next to each item in a list. Numbered lists are created with the <ol> tag. Each item in the list is displayed with the <li> tag.

You can set different bullet types with the type attribute of the <ol> tag.

Lists within lists

It is possible to implement lists within lists. Doing so presents information in a hierarchial fashion, and each level in the list can have a new type of bullet or number, or not.