HAL-PC Web Technolgies SIG

Back to top

Formatting Tags New to HTML 4.0 and XHTML 1.0

• <bdo> New to HTML 4.0 is used with indicate text that is read in the opposite direction of the rest of the page. For example if you a section on your page in english on a page that was otherwise in hebrew you could use:
  <bdo dir='ltr'>This sentence is in english</bdo> (I'd have done it in a language that reads left to right here but I don't have any fonts loaded for hebrew or arabic.)
• <del> Defines text as "deleted". This tag has no inherited style information so it must be defined by use of a style statement either on the page or in an external stylesheet usually defined as:
  del { text-decoration: line-through}
• <ins> Defines text as "inserted". Like del this tag has no inherited style and must be defined. Frequently used along with del in documents you want to show version history. Usually defined with a color such as:
  ins { color: red }

Back to top

Lists

• <dl> Creates a definition list of terms defined using the
  • <dt> defined term tag for the item to be defined
  • <dd>definition list tag for the definition of the <dt> term

Term 1

Definition of term 1

Term 2

Definition of term 2

 

• <dir> Creates a directory list of items identified with the <li> tag, this tag has been depreciated in favor of unordered lists

Directory List <DIR>...</DIR>

A-H

I-M

M-R

S-Z

• <li> Defines an item in a list used with <dir>, <ol> and <ul> tags.
• Available Attributes
  • Ordered lists value= specifies the value of the number that starts the list
  • Unordered lists type="disc" or "circle" or "square"
    • Unordered lists in stylesheets you can assign an image to be used instead of the 3 standard unordered list types as follows:
      li { list-style-image: url(images/bullet1.gif)}
      
• <ul> Unordered lists defines the beginning and end of unordered lists used with <li>

• Available attributes:
  • type="disc" or " circle" or "square"
  • compact see under ordered lists
• This section is formatted using the default/inherited style for unordered lists. You can also use your own bullets with stylesheets by defining the <li> see above

1. <ol> Ordered List defines the beginning and end of ordered lists used with <li>
   1. Available attributes:
      1. start="number" useful if you want to start with something other than 1
      2. type="1" or "A" or "I" or "a" or "i" for arabic numbers, uppercase letters, uppercase roman numerals, lowercase letters or lowercase roman numberals. The use of this attribute is depreciated in favor of using stylesheets.
      3. compact will display the list in the most compact manner possible but isn't widely supported by many browsers.
      4. To create a stylesheet that will display different types of ordering such as used in this section your stylesheet would look like this:
         ol { list-style-type: upper-roman}
         ol ol { list-style-type: upper-alpha}
         ol ol ol { list-style-type: lower-roma

Back to top

presented November 11, 2000