SlideShare a Scribd company logo
1 of 9
HTML - Lists
By
Dr. I. Uma Maheswari
iuma_maheswari@yahoo.co.in
Lists
• Lists are special features of HTML, that
are used to display a list of things.
• They are very powerful in execution and
provides special attributes to give more
effect in their appearance.
Types of list
• There are three types of lists in html
(i) Ordered List – list labelled with numbers,
letters or roman numerals.
(ii) Unordered List – list labelled with bullets
or some other symbols.
(iii) (iii) Definition List – list in which each
item has a term and a definition for every
term.
Ordered lists
• Ordered lists are enclosed by <OL> and </OL> tag.
• Each item within the list begins with the <LI> (list item) tag.
• By default <OL> tag displays the list item in Arabic numerals
and hence it is also called as Numbered list.
• Ordered list allows the user to specify the style of numbering
using the attribute “type”.
Type = “1” will start numbering from 1, 2, 3…
Type = “I” will start numbering from I, II, III…
Type = “A” will start numbering as A, B, C….
• It also has an option to specify the starting number of the list
using start attribute.
• Eg., <OL Type = “1” start = “7”> will start numbering from “7”.
Example for ordered list
<HTML>
<HEAD>
<TITLE> Ordered list </TITLE>
</HEAD>
<BODY>
<OL Type = “a”>
<LI> Platinum
<LI> Gold
<LI> Diamond
<LI> Silver
</OL>
</BODY>
</HTML>
Unordered list
• Unordered list are similar to ordered list but
instead of numbers and letters, the list appears
in bullets and hence it is also called as “bulleted
list”.
• The “type” attribute is used to specify the style of
the bullet.
• By default, the list items are displayed with
Circle bullet.
Type = “Disc” – will display a small disc circle
Type = “square” – will display a solid square
Type = “circle” – will display a hollow circle.
Example for unordered list
<HTML>
<HEAD>
<TITLE> Unordered list </TITLE>
</HEAD>
<BODY>
<UL Type = “Circle”>
<LI> Platinum
<UL Type = “Square”>
<LI> Gold
<LI> Diamond
<UL Type = “Disc”>
<LI> Silver
</UL>
</BODY>
</HTML>
Definition list
• Definition lists are not based on list items,
instead they are based on term definition.
• The beginning and ending tag of definition
list is <DL> and </DL>.
• The definition terms is preceded by <DT>
tag and in turn the actual definition for the
term is preceded by <DD>.
• <DT> - definition list term
• <DD> - definition list definition
Example for definition list
<HTML>
<HEAD>
<TITLE> definition list </TITLE>
</HEAD>
<BODY>
<DL>
<DT> MS Word
<DD> It is a word processor application
<DT> MS Excel
<DD> It is a spread sheet application
<DT> MS PowerPoint
<DD> It is used to create presentations
</DL>
</BODY>
</HTML>

More Related Content

What's hot

Web engineering - An overview about HTML
Web engineering -  An overview about HTMLWeb engineering -  An overview about HTML
Web engineering - An overview about HTMLNosheen Qamar
 
Search in the Biblical Domain - BibleTech: 2011
Search in the Biblical Domain - BibleTech: 2011Search in the Biblical Domain - BibleTech: 2011
Search in the Biblical Domain - BibleTech: 2011Brian Seagraves
 
Types of Selectors (HTML)
Types of Selectors (HTML)Types of Selectors (HTML)
Types of Selectors (HTML)Deanne Alcalde
 
The three types of style sheet lesson two fourth quarter fourth year
The three types of style sheet lesson two fourth quarter fourth yearThe three types of style sheet lesson two fourth quarter fourth year
The three types of style sheet lesson two fourth quarter fourth yearPerry Mallari
 
HED ERIC Database
HED ERIC DatabaseHED ERIC Database
HED ERIC DatabaseWade Lee
 

What's hot (8)

Html lists
Html listsHtml lists
Html lists
 
Web engineering - An overview about HTML
Web engineering -  An overview about HTMLWeb engineering -  An overview about HTML
Web engineering - An overview about HTML
 
Icd 10 course lecture slide (ch 4,7,8)
Icd 10 course  lecture slide (ch 4,7,8)Icd 10 course  lecture slide (ch 4,7,8)
Icd 10 course lecture slide (ch 4,7,8)
 
Web Development - Lecture 5
Web Development - Lecture 5Web Development - Lecture 5
Web Development - Lecture 5
 
Search in the Biblical Domain - BibleTech: 2011
Search in the Biblical Domain - BibleTech: 2011Search in the Biblical Domain - BibleTech: 2011
Search in the Biblical Domain - BibleTech: 2011
 
Types of Selectors (HTML)
Types of Selectors (HTML)Types of Selectors (HTML)
Types of Selectors (HTML)
 
The three types of style sheet lesson two fourth quarter fourth year
The three types of style sheet lesson two fourth quarter fourth yearThe three types of style sheet lesson two fourth quarter fourth year
The three types of style sheet lesson two fourth quarter fourth year
 
HED ERIC Database
HED ERIC DatabaseHED ERIC Database
HED ERIC Database
 

Similar to computer language - html lists

Similar to computer language - html lists (20)

html-list-type-description-with-examples
html-list-type-description-with-exampleshtml-list-type-description-with-examples
html-list-type-description-with-examples
 
Html-list
Html-listHtml-list
Html-list
 
v3-html-list-210321161325.pdf
v3-html-list-210321161325.pdfv3-html-list-210321161325.pdf
v3-html-list-210321161325.pdf
 
HTML ppt.pptx
HTML ppt.pptxHTML ppt.pptx
HTML ppt.pptx
 
Std 10 Computer Chapter 4 List and Table Handling in HTML(Part 1 List in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML(Part 1 List in HTML)Std 10 Computer Chapter 4 List and Table Handling in HTML(Part 1 List in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML(Part 1 List in HTML)
 
Html Course Chapter 3
Html Course Chapter 3Html Course Chapter 3
Html Course Chapter 3
 
Use of Lists and Tables in HTML
Use of Lists and Tables in HTMLUse of Lists and Tables in HTML
Use of Lists and Tables in HTML
 
Html link and list tags
Html link and list tagsHtml link and list tags
Html link and list tags
 
Module 1 Creating new paragraph
Module 1   Creating new paragraphModule 1   Creating new paragraph
Module 1 Creating new paragraph
 
Web forms and html (lect 3)
Web forms and html (lect 3)Web forms and html (lect 3)
Web forms and html (lect 3)
 
Creating you first web page!
Creating you first web page!Creating you first web page!
Creating you first web page!
 
Html web designing using lists
Html web designing using listsHtml web designing using lists
Html web designing using lists
 
Handout4 lists
Handout4 listsHandout4 lists
Handout4 lists
 
HTML_list (2).pdf
HTML_list (2).pdfHTML_list (2).pdf
HTML_list (2).pdf
 
Html3
Html3Html3
Html3
 
Html3
Html3Html3
Html3
 
tableslist.pptx
tableslist.pptxtableslist.pptx
tableslist.pptx
 
Html list
Html listHtml list
Html list
 
Creating lists
Creating listsCreating lists
Creating lists
 
Lesson-05.pptx
Lesson-05.pptxLesson-05.pptx
Lesson-05.pptx
 

More from Dr. I. Uma Maheswari Maheswari

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)Dr. I. Uma Maheswari Maheswari
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)Dr. I. Uma Maheswari Maheswari
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)Dr. I. Uma Maheswari Maheswari
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)Dr. I. Uma Maheswari Maheswari
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)Dr. I. Uma Maheswari Maheswari
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)Dr. I. Uma Maheswari Maheswari
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)Dr. I. Uma Maheswari Maheswari
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)Dr. I. Uma Maheswari Maheswari
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)Dr. I. Uma Maheswari Maheswari
 

More from Dr. I. Uma Maheswari Maheswari (20)

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
 
Computer language - Html forms
Computer language - Html formsComputer language - Html forms
Computer language - Html forms
 
computer language - Html frames
computer language - Html framescomputer language - Html frames
computer language - Html frames
 
Computer language - Html tables
Computer language - Html tablesComputer language - Html tables
Computer language - Html tables
 
Pedagogy - teaching models
Pedagogy - teaching modelsPedagogy - teaching models
Pedagogy - teaching models
 
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
 
Computer language - html images and sounds
Computer language - html   images and soundsComputer language - html   images and sounds
Computer language - html images and sounds
 
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
 
Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)Computer language - HTML (Hyper Text Markup Language)
Computer language - HTML (Hyper Text Markup Language)
 
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
X std maths -  Relations and functions (ex 1.5 &amp; 1.6)X std maths -  Relations and functions (ex 1.5 &amp; 1.6)
X std maths - Relations and functions (ex 1.5 &amp; 1.6)
 
X std maths - Relations and functions (ex 1.4)
X std maths - Relations and functions  (ex 1.4)X std maths - Relations and functions  (ex 1.4)
X std maths - Relations and functions (ex 1.4)
 
X std maths - Relations and functions (ex 1.3)
X std maths -  Relations and functions  (ex 1.3)X std maths -  Relations and functions  (ex 1.3)
X std maths - Relations and functions (ex 1.3)
 
X std mathematics - Relations and functions (Ex 1.2)
X std mathematics - Relations and functions  (Ex 1.2)X std mathematics - Relations and functions  (Ex 1.2)
X std mathematics - Relations and functions (Ex 1.2)
 

Recently uploaded

Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17Celine George
 
Application of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matricesApplication of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matricesRased Khan
 
Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17Celine George
 
Keeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security ServicesKeeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security ServicesTechSoup
 
Championnat de France de Tennis de table/
Championnat de France de Tennis de table/Championnat de France de Tennis de table/
Championnat de France de Tennis de table/siemaillard
 
ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesashishpaul799
 
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdfPost Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdfPragya - UEM Kolkata Quiz Club
 
Mbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptxMbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptxnuriaiuzzolino1
 
How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17Celine George
 
slides CapTechTalks Webinar May 2024 Alexander Perry.pptx
slides CapTechTalks Webinar May 2024 Alexander Perry.pptxslides CapTechTalks Webinar May 2024 Alexander Perry.pptx
slides CapTechTalks Webinar May 2024 Alexander Perry.pptxCapitolTechU
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...Nguyen Thanh Tu Collection
 
Salient features of Environment protection Act 1986.pptx
Salient features of Environment protection Act 1986.pptxSalient features of Environment protection Act 1986.pptx
Salient features of Environment protection Act 1986.pptxakshayaramakrishnan21
 
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxMatatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxJenilouCasareno
 
The Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational ResourcesThe Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational Resourcesaileywriter
 
size separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceuticssize separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceuticspragatimahajan3
 
Morse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptxMorse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptxjmorse8
 
MichaelStarkes_UncutGemsProjectSummary.pdf
MichaelStarkes_UncutGemsProjectSummary.pdfMichaelStarkes_UncutGemsProjectSummary.pdf
MichaelStarkes_UncutGemsProjectSummary.pdfmstarkes24
 
....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdf....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdfVikramadityaRaj
 

Recently uploaded (20)

Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
 
Application of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matricesApplication of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matrices
 
Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17
 
Keeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security ServicesKeeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security Services
 
Championnat de France de Tennis de table/
Championnat de France de Tennis de table/Championnat de France de Tennis de table/
Championnat de France de Tennis de table/
 
ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyes
 
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdfPost Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
 
Mbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptxMbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptx
 
How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17
 
slides CapTechTalks Webinar May 2024 Alexander Perry.pptx
slides CapTechTalks Webinar May 2024 Alexander Perry.pptxslides CapTechTalks Webinar May 2024 Alexander Perry.pptx
slides CapTechTalks Webinar May 2024 Alexander Perry.pptx
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
 
Post Exam Fun(da) Intra UEM General Quiz - Finals.pdf
Post Exam Fun(da) Intra UEM General Quiz - Finals.pdfPost Exam Fun(da) Intra UEM General Quiz - Finals.pdf
Post Exam Fun(da) Intra UEM General Quiz - Finals.pdf
 
Salient features of Environment protection Act 1986.pptx
Salient features of Environment protection Act 1986.pptxSalient features of Environment protection Act 1986.pptx
Salient features of Environment protection Act 1986.pptx
 
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxMatatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
 
The Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational ResourcesThe Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational Resources
 
size separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceuticssize separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceutics
 
“O BEIJO” EM ARTE .
“O BEIJO” EM ARTE                       .“O BEIJO” EM ARTE                       .
“O BEIJO” EM ARTE .
 
Morse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptxMorse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptx
 
MichaelStarkes_UncutGemsProjectSummary.pdf
MichaelStarkes_UncutGemsProjectSummary.pdfMichaelStarkes_UncutGemsProjectSummary.pdf
MichaelStarkes_UncutGemsProjectSummary.pdf
 
....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdf....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdf
 

computer language - html lists

  • 1. HTML - Lists By Dr. I. Uma Maheswari iuma_maheswari@yahoo.co.in
  • 2. Lists • Lists are special features of HTML, that are used to display a list of things. • They are very powerful in execution and provides special attributes to give more effect in their appearance.
  • 3. Types of list • There are three types of lists in html (i) Ordered List – list labelled with numbers, letters or roman numerals. (ii) Unordered List – list labelled with bullets or some other symbols. (iii) (iii) Definition List – list in which each item has a term and a definition for every term.
  • 4. Ordered lists • Ordered lists are enclosed by <OL> and </OL> tag. • Each item within the list begins with the <LI> (list item) tag. • By default <OL> tag displays the list item in Arabic numerals and hence it is also called as Numbered list. • Ordered list allows the user to specify the style of numbering using the attribute “type”. Type = “1” will start numbering from 1, 2, 3… Type = “I” will start numbering from I, II, III… Type = “A” will start numbering as A, B, C…. • It also has an option to specify the starting number of the list using start attribute. • Eg., <OL Type = “1” start = “7”> will start numbering from “7”.
  • 5. Example for ordered list <HTML> <HEAD> <TITLE> Ordered list </TITLE> </HEAD> <BODY> <OL Type = “a”> <LI> Platinum <LI> Gold <LI> Diamond <LI> Silver </OL> </BODY> </HTML>
  • 6. Unordered list • Unordered list are similar to ordered list but instead of numbers and letters, the list appears in bullets and hence it is also called as “bulleted list”. • The “type” attribute is used to specify the style of the bullet. • By default, the list items are displayed with Circle bullet. Type = “Disc” – will display a small disc circle Type = “square” – will display a solid square Type = “circle” – will display a hollow circle.
  • 7. Example for unordered list <HTML> <HEAD> <TITLE> Unordered list </TITLE> </HEAD> <BODY> <UL Type = “Circle”> <LI> Platinum <UL Type = “Square”> <LI> Gold <LI> Diamond <UL Type = “Disc”> <LI> Silver </UL> </BODY> </HTML>
  • 8. Definition list • Definition lists are not based on list items, instead they are based on term definition. • The beginning and ending tag of definition list is <DL> and </DL>. • The definition terms is preceded by <DT> tag and in turn the actual definition for the term is preceded by <DD>. • <DT> - definition list term • <DD> - definition list definition
  • 9. Example for definition list <HTML> <HEAD> <TITLE> definition list </TITLE> </HEAD> <BODY> <DL> <DT> MS Word <DD> It is a word processor application <DT> MS Excel <DD> It is a spread sheet application <DT> MS PowerPoint <DD> It is used to create presentations </DL> </BODY> </HTML>