Sei sulla pagina 1di 12

Lists and images

Lists
Ordered List
Unordered List
Definition List

HTML List Tags



tag description
<ol> Defines an ordered list
<ul> Defines an unordered list
<li> Defines a list item
<dl> Defines a definition list
<dt> Defines an item in a definition list
<dd> Defines a description of an item in a definition list
Ordered List
Items have an order that Is signified by a
number
Also called numbered list
An ordered list should start with the <OL>
element , which is immediately followed by a
<LI>(List item) element
Syntax:
<ol type=1>
Ordered List
List Type Description
Type=1 The default numbers .E.g. 1,2,3
Type=A Capital letters E.g. A,B,C
Type=a Small letters E.g. a, b, c
Type=I Large Roman numerals E.g. l, ll, lll
Type=i Small roman numerals E.g. i, ii, iii






<ol type=1 >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

<ol type=A >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

<ol type=a >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>







<ol type=I >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

<ol type=i >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

Unordered List
It is also known as unnumbered list.
It is similar to ordered list, but unlike the
ordered list items are presented with bullets.
As unordered list starts with the <UL>
element, which is followed by <LI>(list items
elements.
E.g. <ul type=circle>


Unordered List
The types of unordered lists are
Type=disc(default)
Type=circle
Type=square






<ul type=disc >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

<ul type=circle >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

<ul type=square >
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

Definition List
A definition list is a list of items, with a
description of each item.
The <dl> tag defines a definition list.
The <dl> tag is used in conjunction with
<dt> (defines the item in the list) and
<dd> (describes the item in the list)

Image
Jpeg and gif formats
Attributes
src
width
height
alt
align(bottom, top, middle)

Browsers tend to support three common
bitmap graphics formats, and most graphics
programs will save images in these formats:
GIF: Graphics Interchange Format
(pronounced either gif or jif )
JPEG: Joint Photographic Experts Group
Format (pronounced jay peg )
PNG: Portable Network Graphics
(pronounced pee en gee or ping )

Potrebbero piacerti anche