listing elements in html

7/23/2019 listing elements in html

http://slidepdf.com/reader/full/listing-elements-in-html 1/12

Lesson 4 The Listing Elements Unit I

Internet List Tag

Browser Hypertext URL

The Unordered List Elements

Bulleted lists are used to preface one or more items by a bullet. They are used

if the presentation order of the information is not necessary. Unordered Lists can

be a way of organizing Home pages to segregate dierent items. To use Unordered

List! type <UL> and end it with </UL>. Items on the list must be preceded by an

<LI> tag. The <LI> tag represents the list entry and it can be in multiple entries.

The said tag does not re"uire an end tag.

The table below shows tag! attribute! #alue and description of UnorderedList

Element.

Table 1

Tag Attributes andValues

Description

<UL> T$%E& '()ircle*+"uare * ,isc-

T$%E& This type of listbullets and indents listitem. ,efault #alue is,isc

<LI> T$%E& '()ircle*+"uare * ,isc-

T$%E& Identi/es theitem in an unorderedand ordered manner.

E!"#$D%




Below is an &T'L (rogram that uses the <UL></UL> and <LI> tags.

&T'L (rogram 1



Lesson 4 The Unordered List ElementsUnit I

The following is the (rogram #utput of &T'L (rogram 1 that used<UL></UL> and <LI> tags.

(rogram #utput 1




#rdered Lists Element

The #rdered Lists Element is a useful tool for arranging similar elements.

#rdered List can be used to list a set of instructions or collections of hyperlin0s.

#rdered List Element is a type of HT1L list which begins with a <#L> and

ends with </#L> tags. Each list is itemized with the <LI> tags. The symbol that

appears before each item #aries on the T!(E #alue you declare. The table below

shows the Attributes and Values of <LI> and <#L></#L> Tags.

Table 2

Tags Attributes and Values Description

<LI> TYPE= “(1/i/l/a/A)” TYPE= Identifies an item in anunordered and ordered list

<OL> TYPE= “(1/i/l/a/A)”

TYPE= Tis is num!ered andindented" Te t#$e attri!utess$e%ifies te num!erin& format'1 is numeri% I is oman *umerals lo+er %ase I is oman *umerals u$$er %ase a is Al$a!et lo+er %ase and A is Al$a!et u$$er %ase

,TAT= “-” ,TAT= ,$e%ifies +at num!er te

list sould start num!erin& from




Below is the &T'L (rogram that uses the <#L> </#L> and <LI> tags.

HTML rogra! 2




Te follo+in& is te rogra! "utput of HTML rogra! 2 tat used #"L$#%"L$ and#LI$ Tags&

(rogram #utput )




De*nition List

The De*nition Lists starts with a <DL> tag. The terms in the list is

identi/ed with the <DT> tag and to identify the de/nition of terms! use the <DD>

tag. This type of list pro#ides information in a glossary format. $ou can ha#e as

many terms de/ned.

The table shows the De*nition List Tags and its description.

Table + De*nition List Tags

Tags Description

2,L3 ,e/nition or ,escripti#e List allows you to indent te5t. Itis useful in indenting de/nition for ma0ing terms.

2,T3 ,ata Term It is not indented and it identi/es the term tobe de/ned

2,,3 ,ata ,escription It is indented and it identi/es a term6sde/nition

.elo+ is an HTML rogra! %ontainin& te ta&s so+n in Table '&

&T'L (rogram +




(rogram #utput +




,umbered Lists

The ,umbered List is #ery useful specially in displaying multiple le#el of a

hierarchical structure. #rdered List is used to denote that you are specifying or

creating numbered items. But the output #aries on the type of Browser with respect

to the type of bullets.

Below is an &T'L (rogram that uses both <UL></UL> and <#L></#L>

Tags.

&T'L (rogram -




The following is a (rogram #utput of &T'L (rogram - that used both

<UL></UL> and <#L></#L> Tags.

(rogram #utput -




• Bulleted lists are used to preface one or more items by a bullet. Bulleted

lists are used if the presentation order of the information is not necessary.

Unordered Lists can be a way of organizing home pages to segregate

dierent items.

• The 7rdered Lists Element is a useful tool for arranging similar elements.

7rdered list can be use to list a set of instructions or collections of

hyperlin0s.

• The ,e/nition Lists starts with a 2,l3. The term in the list is identi/ed with

the tag2,T3 and to identify the de/nition of terms we use the 2,,3 tag.

This type of list pro#ides information in a glossary format.

• The 8umbered List is #ery useful specially in displaying multiple le#el of a

hierarchical structure. 7rdered list is use to denote that you are specifying

or creating numbered items.

()*"I+T,



Lesson 4 The Listing ElementsUnit I

&A,D%#, ATIVIT!0

I. reate a program that ill lists don lassical ci2ili3ations in no

particular order. And4 on the same program4 that ill lists don its

e5ui2alent countr6 in alphabetical order.

II. reate a program that ill produce the 7olloing output.

ASIAN COUNTRIES

• Philippines

• Japan

• China

• Singapore

• Thailand • Malaysia

•

listing elements in html

Documents

Transcript of listing elements in html