pageone1.com: Cut-n-Paste HTML Code

Cut-n-Paste HTML Code

Home    JavaScript    HTML


Instructions: highlight the code you would like to have, select copy, paste it into your .html document or save it in notepad or wordpad for future use.

Lists:

Numbered List * Bulleted List ** Definition List ***
<ol>
<li>1st Item
<li>2nd Item
<li>3rd Item
<li>4th Item
<li>5th Item
</ol>
<ul>
<li>1st Item
<li>2nd Item
<li>3rd Item
<li>4th Item
<li>5th Item
</ul>
<dl>
<dt>Term<dd>Definition
<dt>Term<dd>Definition
<dt>Term<dd>Definition
<dt>Term<dd>Definition
<dt>Term<dd>Definition
</dl>
Example Example Example


Hints to make your lists more custom:

* In a numbered list the default numbers are as shown in the example. To change the kind of numbers use the type attribute in the list tag like this:
<ol type="?">
Type can be "a" for lower case letters, "A" for capital letters, "i" for small Roman numerals, or "I" for large Roman numerals.


** In a bulleted list the default bullet is a solid dot or "disk" as it is called. The bullet list example shows what it looks like. You have the option of two more types of bullets the circle and the square. Use the type attribute to specify which type of bullet you prefer.


*** In a definition list you can make your definition term, <dt>, stand out better by using the <b></b> (bold) tags to surround your text: <
<dt><b>your text</b>

In each of the list examples I used "heading" tags on the text used for the title of each list. There is no need to use a <p> after the heading because they are always on a line by itself. You can squeeze the "align=center" attribute into your beginning heading tag to center your heading if that effect is more appropriate.


Back   Top of Page



COPYRIGHT © 2002 Phillip Hayes/pageone1.com