listing in html

7
SUBMITTED TO-: SUBMITTED BY-: PARMINDER KAUR WADHWA VIKAS MAHAJAN LECTURER (CSE/IT) 7140811389 GNDEC LUDHIANA

Upload: vikas-mahajan

Post on 18-May-2015

457 views

Category:

Education


2 download

DESCRIPTION

This presentation describes various ways to do listing or numbering in HTML

TRANSCRIPT

Page 1: Listing in HTML

SUBMITTED TO-: SUBMITTED BY-:PARMINDER KAUR WADHWA VIKAS MAHAJANLECTURER (CSE/IT) 7140811389GNDEC LUDHIANA D1-IT

Page 2: Listing in HTML

INTRODUCTIONListing is used to create a list of items.It is used to give a definite order to a number

of items so that text looks good.It also gives proper indentation to the nested

lists to improve the readability of text.Listing is of two types-: 1.Ordered listing 2.Unordered listingOrdered & unordered listing is also of various

types.

Page 3: Listing in HTML

Ordered listing Used to give numbers or user defined symbols to a

list.Basic tag structure-: <ol> Example-:

Output-: <li>…. <html> <li>…. <body> 1.Apples …… <ol> 2.Banana </ol> <li>Apples 3.Orange <li>Banana <li>Orange </ol> </body> </html>

Page 4: Listing in HTML

Cont………..Ordered lis. with user

defined starting-: <ol start=6>

With different symbols-: <ol type=A>

In roman numbers-: <ol type=I>

Output -:6.Apples 7.Banana8.Orange

A. ApplesB. BananaC. Orange

I. ApplesII. BananaIII. Orange

Page 5: Listing in HTML

Unordered listing Tag used-: <ul>Disc bullets list: By

default

Circle bullets list: <ul type=“circle”>

Square bullets list: <ul type=“square”>

Output :ApplesBananaOrange

o Appleso Bananao Orange

ApplesBananaOrange

Page 6: Listing in HTML

Nested listingListing within a listing is

known as nested listing. <html><body> <h4>A nested

List:</h4><br><ul> <li>Coffee <li>Tea <ul type=“circle”> <li>Black tea <li>Green tea </ul> </li> <li>Milk</ul> </body></html>

Output :

A nested List:

CoffeeTea

o Black teao Green tea

Page 7: Listing in HTML