SlideShare a Scribd company logo
1 of 10
Chapter 7
USING LISTS
 LISTS- is a data structure that
 has a linear
 (first, second, third….)
 organization but that allows
 elements to be added or
 removed in any order.
 UNORDERED LISTS- The most common
  type of lists that are presented with bullets
  before each list item, that is why they are
  sometimes called bulleted lists. Information
  in bullets need not be presented in a
  particular order.
 The syntax for creating an unordered list is:
<UL TYPE= bullet type>
<LI> List item 1
<LI> List item 2
1. <UL TYPE= square>
  <LI> item 1
  <LI> item 2
And so on………
  </UL>
2. <UL TYPE= round>
  <LI> item 1
  <LI> item 2
And so on………
   </UL>
   ORDERED LISTS- it is used if you want to
    present on a list shows a defined sequence
    such as an instruction. The common way to
    present it is to have ordered numbers per list
    item; this is why ordered lists are sometimes
    called numbered lists. Ordered list is not
    limited to use numbers but can also use
    ordered letters.
<OL TYPE= bullet_type>
<LI> item 1
<LI> item 2
And so on………….
</OL>
Where bullet_type is either:
1 for numeric        i for lowercase roman
a for lowercase      I for lowercase roman
A for uppercase
1. The default (numeric)   3. The uppercase type.
   type.                   <OL TYPE = A>
<OL >                      <LI> item 1
<LI> item 1                <L2> item 2
<L2> item 2
And so on……                And so on……
</OL>                      </OL>
2. The lowercase type.     2. The roman type.
<OL TYPE = a>              <OL TYPE = I>
<LI>                       <LI>
<LI>                       <LI>
And so on……..              And so on……..
</OL>                      </OL>
HTML also allows you to change the default
  numbering for the entire list or for specific
  list. To change the default numbering for the
  entire list, you use the START attribute of the
  <OL> tag to indicate what number or letter
  the bullet will start. The syntax to do this is:
<OL START= start>
Start indicates what number you want to start
  the list item.
1. <OL START= 4>
<LI> this item start at number 4.
<LI> this item start at number 5.
And so on……..
</OL>
2. <OL TYPE= a START= 5>
<LI> this item start at letter e.
<LI> this item is letter f.
And so o………
</OL>
1.   An _____list is also called a bulleted list.
2.   An _____list is also called a numbered list.
3.   To display the elements of an ordered list
     with uppercase letters, the _____tag is used.
4.   The tag used to indicate the start of a
     bulleted list is_________.
5.   The ______ attribute is used when
     numbering of a list does not begin at 1.

More Related Content

What's hot (14)

Sql joins inner join self join outer joins
Sql joins inner join self join outer joinsSql joins inner join self join outer joins
Sql joins inner join self join outer joins
 
Join sql
Join sqlJoin sql
Join sql
 
Types Of Join In Sql Server - Join With Example In Sql Server
Types Of Join In Sql Server - Join With Example In Sql ServerTypes Of Join In Sql Server - Join With Example In Sql Server
Types Of Join In Sql Server - Join With Example In Sql Server
 
Mysql joins
Mysql joinsMysql joins
Mysql joins
 
SQL
SQLSQL
SQL
 
Standard Algorithms
Standard AlgorithmsStandard Algorithms
Standard Algorithms
 
Joins
JoinsJoins
Joins
 
List and iterator
List and iteratorList and iterator
List and iterator
 
V35 keys-c
V35  keys-cV35  keys-c
V35 keys-c
 
Sql join
Sql  joinSql  join
Sql join
 
MySQL JOINS
MySQL JOINSMySQL JOINS
MySQL JOINS
 
Merge original( a)
Merge original( a)Merge original( a)
Merge original( a)
 
Joins in databases
Joins in databases Joins in databases
Joins in databases
 
SQL JOINS- Reena P V
SQL JOINS- Reena P VSQL JOINS- Reena P V
SQL JOINS- Reena P V
 

Similar to Html web designing using lists

Similar to Html web designing using lists (20)

Comp 3
Comp 3Comp 3
Comp 3
 
Module 1 Creating new paragraph
Module 1   Creating new paragraphModule 1   Creating new paragraph
Module 1 Creating new paragraph
 
List in webpage
List in webpageList in webpage
List in webpage
 
List in webpage
List in webpageList in webpage
List in webpage
 
List in webpage
List in webpageList in webpage
List in webpage
 
List in webpage
List in webpageList in webpage
List in webpage
 
List in webpage
List in webpageList in webpage
List in webpage
 
List in webpage
List in webpageList in webpage
List in webpage
 
HTML_list (2).pdf
HTML_list (2).pdfHTML_list (2).pdf
HTML_list (2).pdf
 
computer language - html lists
computer language - html listscomputer language - html lists
computer language - html lists
 
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
 
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)
 
Unit 2.5
Unit 2.5Unit 2.5
Unit 2.5
 
Module III.pdf
Module III.pdfModule III.pdf
Module III.pdf
 
Html lists
Html lists Html lists
Html lists
 
White paper on tuples
White paper on tuplesWhite paper on tuples
White paper on tuples
 
tupple.pptx
tupple.pptxtupple.pptx
tupple.pptx
 
Html list
Html listHtml list
Html list
 
Python PPT.pptx
Python PPT.pptxPython PPT.pptx
Python PPT.pptx
 

More from Jesus Obenita Jr.

More from Jesus Obenita Jr. (20)

Organization and management 3 a Evolution of Management Theory
Organization and management 3 a Evolution of Management TheoryOrganization and management 3 a Evolution of Management Theory
Organization and management 3 a Evolution of Management Theory
 
Organization and management 2 Management Function
Organization and management 2 Management FunctionOrganization and management 2 Management Function
Organization and management 2 Management Function
 
Organization and management 1
Organization and management 1Organization and management 1
Organization and management 1
 
Designing web page marquee and img tag
Designing web page  marquee and img tagDesigning web page  marquee and img tag
Designing web page marquee and img tag
 
Ms excel 2013 formatting worksheets
Ms excel 2013 formatting worksheetsMs excel 2013 formatting worksheets
Ms excel 2013 formatting worksheets
 
Ms excel 2013 data management
Ms excel 2013 data managementMs excel 2013 data management
Ms excel 2013 data management
 
Microsoft Excel introduction
Microsoft Excel introductionMicrosoft Excel introduction
Microsoft Excel introduction
 
Word 2013 working with pictures
Word 2013 working with picturesWord 2013 working with pictures
Word 2013 working with pictures
 
Word 2013 Formatting Page
Word 2013 Formatting PageWord 2013 Formatting Page
Word 2013 Formatting Page
 
Word 2013 8
Word 2013 8Word 2013 8
Word 2013 8
 
Ms word 2013 7
Ms word 2013 7Ms word 2013 7
Ms word 2013 7
 
Ms word 2013 6
Ms word 2013 6Ms word 2013 6
Ms word 2013 6
 
Ms word 2013 4
Ms word 2013 4Ms word 2013 4
Ms word 2013 4
 
Ms word 2013 2
Ms word 2013 2Ms word 2013 2
Ms word 2013 2
 
Ms word 2013
Ms word 2013Ms word 2013
Ms word 2013
 
Parts of the ms word 2013 screen and
Parts of the ms word 2013 screen andParts of the ms word 2013 screen and
Parts of the ms word 2013 screen and
 
Word processor
Word processorWord processor
Word processor
 
Session 2 test construction.mt's
Session 2   test construction.mt'sSession 2   test construction.mt's
Session 2 test construction.mt's
 
Cooking ingredients
Cooking ingredientsCooking ingredients
Cooking ingredients
 
Color theory
Color theoryColor theory
Color theory
 

Recently uploaded

Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxMaryGraceBautista27
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Celine George
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 

Recently uploaded (20)

Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 

Html web designing using lists

  • 2.  LISTS- is a data structure that has a linear (first, second, third….) organization but that allows elements to be added or removed in any order.
  • 3.  UNORDERED LISTS- The most common type of lists that are presented with bullets before each list item, that is why they are sometimes called bulleted lists. Information in bullets need not be presented in a particular order.  The syntax for creating an unordered list is: <UL TYPE= bullet type> <LI> List item 1 <LI> List item 2
  • 4. 1. <UL TYPE= square> <LI> item 1 <LI> item 2 And so on……… </UL> 2. <UL TYPE= round> <LI> item 1 <LI> item 2 And so on……… </UL>
  • 5. ORDERED LISTS- it is used if you want to present on a list shows a defined sequence such as an instruction. The common way to present it is to have ordered numbers per list item; this is why ordered lists are sometimes called numbered lists. Ordered list is not limited to use numbers but can also use ordered letters.
  • 6. <OL TYPE= bullet_type> <LI> item 1 <LI> item 2 And so on…………. </OL> Where bullet_type is either: 1 for numeric i for lowercase roman a for lowercase I for lowercase roman A for uppercase
  • 7. 1. The default (numeric) 3. The uppercase type. type. <OL TYPE = A> <OL > <LI> item 1 <LI> item 1 <L2> item 2 <L2> item 2 And so on…… And so on…… </OL> </OL> 2. The lowercase type. 2. The roman type. <OL TYPE = a> <OL TYPE = I> <LI> <LI> <LI> <LI> And so on…….. And so on…….. </OL> </OL>
  • 8. HTML also allows you to change the default numbering for the entire list or for specific list. To change the default numbering for the entire list, you use the START attribute of the <OL> tag to indicate what number or letter the bullet will start. The syntax to do this is: <OL START= start> Start indicates what number you want to start the list item.
  • 9. 1. <OL START= 4> <LI> this item start at number 4. <LI> this item start at number 5. And so on…….. </OL> 2. <OL TYPE= a START= 5> <LI> this item start at letter e. <LI> this item is letter f. And so o……… </OL>
  • 10. 1. An _____list is also called a bulleted list. 2. An _____list is also called a numbered list. 3. To display the elements of an ordered list with uppercase letters, the _____tag is used. 4. The tag used to indicate the start of a bulleted list is_________. 5. The ______ attribute is used when numbering of a list does not begin at 1.