Lists:
There are three types of lists generated by html. The types are ordered
list, unordered list, and definition list. The list types are:
<ul>Unordered list start
- <li>Unordered list item 1</li>
- <li>Unordered list item 2</li>
- <li>Unordered list item 3</li>
Unordered list end</ul>
<ol>Ordered list start
- <li>Ordered list item 1</li>
- <li>Ordered list item 2</li>
- <li>Ordered list item 3</li>
Ordered list end</ol>
<dl>Definition list start
- <dt>Definition list heading 1</dt>
- <dd>Definition item 1</dd>
- <dt>Definition list heading 2</dt>
Definition list end</dl>
|
Alignment:
There are four types of alignment that need to be addressed: Left, Center,
Right and Justify. The following is how to do each of these:
|
<div align="left">This is left aligned text</div>
<div align="center">This is center aligned text</div>
<div align="right">This text is right aligned</div>
<div align="justify">This text is justify aligned, and is long to show
what justify is. It stretches text so that it will fit the width of
the medium.</div>
|
Extended formatting:
Nobody likes looking at boring plain text all day, so there are better ways
to format text. Here are some ways:
<b>Bold text</b>
<i>Italicized text</i>
<u>Underlined text</u>
<s>Strikethrough text</s>
<tt>Teletype</tt>
<b><i><u><s><tt>This text has a lot of formatting!</tt></s></u></i></b> |
Fonts:
There's a great amount you can do with fonts. You can change size or
appearance, of course within boundaries. For font size, there is relative
and absolute. Sizes are constructed as follows:
Click
Here to view output of below code.
