8/12/2019 Lists and Images

1/12

Lists and images

8/12/2019 Lists and Images

2/12

ListsOrdered ListUnordered ListDefinition List

HTML List Tagstag

description

Defines an ordered list

Defines an unordered list

Defines a list item

Defines a definition list Defines an item in a definition list

Defines a description of an item in a definition list

8/12/2019 Lists and Images

3/12

Ordered ListItems have an order that Is signified by a

number

Also called numbered list

An ordered list should start with the

element , which is immediately followed by a

( List item) element

Syntax:

8/12/2019 Lists and Images

4/12

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, cType=I Large Roman numerals E.g. l, ll, lll

Type=i Small roman numerals E.g. i, ii, iii

8/12/2019 Lists and Images

5/12

List item 1List item 2

List item 3

List item 1List item 2

List item 3

List item 1List item 2

List item 3

8/12/2019 Lists and Images

6/12

List item 1List item 2

List item 3

List item 1List item 2

List item 3

8/12/2019 Lists and Images

7/12

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

element, which is followed by (list items

elements.

E.g.

8/12/2019 Lists and Images

8/12

Unordered List

The types of unordered lists are

Type=disc(default)

Type=circle

Type=square

8/12/2019 Lists and Images

9/12

List item 1List item 2

List item 3

List item 1List item 2

List item 3

List item 1List item 2

List item 3

8/12/2019 Lists and Images

10/12

Definition List

A definition list is a list of items, with a

description of each item.

The < dl> tag defines a definition list.

The tag is used in conjunction with

(defines the item in the list) and (describes the item in the list)

8/12/2019 Lists and Images

11/12

Image

Jpeg and gif formats Attributes

src

width height alt align(bottom, top, middle)

8/12/2019 Lists and Images

12/12

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 )