HTML-Lists

From WikiEducator
Jump to: navigation, search
Uou-logo-100px.png
Home  |  About UOU  |  About CEMCA  |  Contact Us    

Unit 3.3 Web application development tools & Technologies


3.3.3 HTML

3.3.3.1 HTML elements

3.3.3.2 HTML document structure

3.3.3.3 HTML attributes

3.3.3.4 HTML text formatting tags

3.3.3.5 Lists

3.3.3.6 Graphics to HTML document

3.3.3.7 Tables

3.3.3.8 HTML hyperlinks

3.3.3.9 Frames

3.3.4 Lists

Unordered list

An unordered list starts with the <UL> tag and ends with </UL>.

Each list item starts with the tag <LI>.

The TYPE attribute specifies the type of the bullet:-

                                FILLROUND and SQUARE

Example:
             <UL TYPE=FILLROUND>
                    <LI> List 1
                    <LI> List 2

              </UL>
Output:
• List 1
• List 2

Ordered list

An ordered list starts with the <OL> tag and ends with </OL>.

Each list item starts with the tag <LI>.

The TYPE attribute specifies the type of the numbering scheme:-

“I” for Counting numbers (1, 2, ….)

”A” for uppercase letters (A,B,…….)

”a” for lowercase letters (a, b, ……..)

“i” for lowercase roman numerals(i,ii,…..).

Example:
                         <OL TYPE=”1”>
                               <LI> List 1
                               <LI> List 2
                         </OL>
Output:

1. List 1
2. List 2

Definition list

Definition list <DL> consists of two parts:-

                                                                                                  
           <DT> Definition term


           <DD> Definition Description

Example:
       <DL>
            <DT> Definition Term
            <DD> Definition Description
       </DL>
Output:
 Definition Term
    Definition Description
Next
Suggested Reading
  • Reading 01 Title
  • Reading 02 Title
  • Reading 03 Title


 Suggested Videos
  • Video 01 Title
  • Video 02 Title
  • Video 03 Title


Suggested Audio
  • Audio 01 Title
  • Audio 02 Title
  • Audio 03 Title