SlideShare a Scribd company logo
List in webpage
List in web page
Used to present the information.
3 types on list:
Unordered list
Nested
Ordered list
Tags that we use to insert list in web pages are:
<UL> </UL> - unordered list
<LI> </LI> - list item -(insert between <OL> and <UL> tag)
<OL> </OL> - ordered list
Unordered lists Creates a list in which every line begin with a BULLET MARKS.
 All entries in a unordered list must be enclosed within <UL>……..</UL> tags.
 THREE bullet type:
  solid round bullet
  square bullet
  empty round bullet
 Can insert <LI> tags, which creates a line brake and insert a bullet mark at the
beginning of the line.
 Syntax:
<UL>
<LI> TEXT</LI>
<LI> TEXT </LI>
</UL>
Ordered lists
Used <OL>..</OL> tags.
Every item in an ordered list begin with a sequence number.
We can change the sequence TYPE by insert an ATTRIBUTE TYPE in
the <OL> opening tag.
Example: <OL TYPE=“ 1”>
Can insert the TYPE ATTRIBUTE into an individual <LI> tag if we
want to change the list entry only.
Example: <LI TYPE= “a”>
Nested lists
Used when we want to display the information in outline form.
Used <UL> AND < LI> tags.
Its have more than one <UL></UL>, <OL> </OL> and <LI> </LI>
tags in one page.
When we insert the new list, the browser will indent the list one level
and will change the bullet type of reflect the nesting.
Nested lists
Used when we want to display the information in outline form.
Used <UL> AND < LI> tags.
Its have more than one <UL></UL>, <OL> </OL> and <LI> </LI>
tags in one page.
When we insert the new list, the browser will indent the list one level
and will change the bullet type of reflect the nesting.

More Related Content

PPTX
Business analytics and data mining
James Wong
 
PPTX
Crypto passport authentication
James Wong
 
PDF
Bumper Mounting LED Light Bar ELM-5027W
Everlight Manufacturing
 
PDF
Valentines Golden Ratio.pdf
bwlomas
 
PPT
Reflection
James Wong
 
PPT
Access data connection
James Wong
 
PPTX
Data and assessment
James Wong
 
PPT
List and iterator
James Wong
 
Business analytics and data mining
James Wong
 
Crypto passport authentication
James Wong
 
Bumper Mounting LED Light Bar ELM-5027W
Everlight Manufacturing
 
Valentines Golden Ratio.pdf
bwlomas
 
Reflection
James Wong
 
Access data connection
James Wong
 
Data and assessment
James Wong
 
List and iterator
James Wong
 

Viewers also liked (13)

DOC
Ooad lab manual
Praseela R
 
PPTX
Constitución 1812
mihaela16
 
PPTX
Constitución 1812 erf
Eduardorocafull
 
PPTX
Python data structures
Young Alista
 
PPT
List in webpage
Young Alista
 
PPT
Poo java
Young Alista
 
PPTX
Data structures and algorithms
Young Alista
 
PPT
Text classification
Young Alista
 
PPTX
Hardware managed cache
Young Alista
 
PPTX
Key exchange in crypto
Young Alista
 
PPTX
Exception handling
Young Alista
 
PPTX
Abstraction file
Young Alista
 
PPTX
Learning python
Young Alista
 
Ooad lab manual
Praseela R
 
Constitución 1812
mihaela16
 
Constitución 1812 erf
Eduardorocafull
 
Python data structures
Young Alista
 
List in webpage
Young Alista
 
Poo java
Young Alista
 
Data structures and algorithms
Young Alista
 
Text classification
Young Alista
 
Hardware managed cache
Young Alista
 
Key exchange in crypto
Young Alista
 
Exception handling
Young Alista
 
Abstraction file
Young Alista
 
Learning python
Young Alista
 
Ad

More from James Wong (20)

PPT
Data race
James Wong
 
PPT
Multi threaded rtos
James Wong
 
PPT
Recursion
James Wong
 
PPTX
Data mining and knowledge discovery
James Wong
 
PPTX
Cache recap
James Wong
 
PPTX
Big picture of data mining
James Wong
 
PPTX
How analysis services caching works
James Wong
 
PPTX
Optimizing shared caches in chip multiprocessors
James Wong
 
PPTX
Directory based cache coherence
James Wong
 
PPT
Abstract data types
James Wong
 
PPTX
Abstraction file
James Wong
 
PPTX
Hardware managed cache
James Wong
 
PPTX
Object model
James Wong
 
PPT
Abstract class
James Wong
 
PPTX
Object oriented analysis
James Wong
 
PPTX
Concurrency with java
James Wong
 
PPTX
Data structures and algorithms
James Wong
 
PPTX
Cobol, lisp, and python
James Wong
 
PPTX
Inheritance
James Wong
 
PPTX
Api crash
James Wong
 
Data race
James Wong
 
Multi threaded rtos
James Wong
 
Recursion
James Wong
 
Data mining and knowledge discovery
James Wong
 
Cache recap
James Wong
 
Big picture of data mining
James Wong
 
How analysis services caching works
James Wong
 
Optimizing shared caches in chip multiprocessors
James Wong
 
Directory based cache coherence
James Wong
 
Abstract data types
James Wong
 
Abstraction file
James Wong
 
Hardware managed cache
James Wong
 
Object model
James Wong
 
Abstract class
James Wong
 
Object oriented analysis
James Wong
 
Concurrency with java
James Wong
 
Data structures and algorithms
James Wong
 
Cobol, lisp, and python
James Wong
 
Inheritance
James Wong
 
Api crash
James Wong
 
Ad

Recently uploaded (20)

PDF
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
PDF
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
PDF
How-Cloud-Computing-Impacts-Businesses-in-2025-and-Beyond.pdf
Artjoker Software Development Company
 
PDF
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
PDF
The Future of Artificial Intelligence (AI)
Mukul
 
PDF
Brief History of Internet - Early Days of Internet
sutharharshit158
 
PDF
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
PDF
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
PPTX
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
PDF
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
PDF
Software Development Methodologies in 2025
KodekX
 
PDF
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
PDF
Oracle AI Vector Search- Getting Started and what's new in 2025- AIOUG Yatra ...
Sandesh Rao
 
PDF
Data_Analytics_vs_Data_Science_vs_BI_by_CA_Suvidha_Chaplot.pdf
CA Suvidha Chaplot
 
PDF
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
PDF
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
PPTX
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
PDF
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
PDF
Advances in Ultra High Voltage (UHV) Transmission and Distribution Systems.pdf
Nabajyoti Banik
 
PDF
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
How-Cloud-Computing-Impacts-Businesses-in-2025-and-Beyond.pdf
Artjoker Software Development Company
 
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
The Future of Artificial Intelligence (AI)
Mukul
 
Brief History of Internet - Early Days of Internet
sutharharshit158
 
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
Software Development Methodologies in 2025
KodekX
 
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
Oracle AI Vector Search- Getting Started and what's new in 2025- AIOUG Yatra ...
Sandesh Rao
 
Data_Analytics_vs_Data_Science_vs_BI_by_CA_Suvidha_Chaplot.pdf
CA Suvidha Chaplot
 
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
Advances in Ultra High Voltage (UHV) Transmission and Distribution Systems.pdf
Nabajyoti Banik
 
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 

List in webpage

  • 2. List in web page Used to present the information. 3 types on list: Unordered list Nested Ordered list Tags that we use to insert list in web pages are: <UL> </UL> - unordered list <LI> </LI> - list item -(insert between <OL> and <UL> tag) <OL> </OL> - ordered list
  • 3. Unordered lists Creates a list in which every line begin with a BULLET MARKS.  All entries in a unordered list must be enclosed within <UL>……..</UL> tags.  THREE bullet type:   solid round bullet   square bullet   empty round bullet  Can insert <LI> tags, which creates a line brake and insert a bullet mark at the beginning of the line.  Syntax: <UL> <LI> TEXT</LI> <LI> TEXT </LI> </UL>
  • 4. Ordered lists Used <OL>..</OL> tags. Every item in an ordered list begin with a sequence number. We can change the sequence TYPE by insert an ATTRIBUTE TYPE in the <OL> opening tag. Example: <OL TYPE=“ 1”> Can insert the TYPE ATTRIBUTE into an individual <LI> tag if we want to change the list entry only. Example: <LI TYPE= “a”>
  • 5. Nested lists Used when we want to display the information in outline form. Used <UL> AND < LI> tags. Its have more than one <UL></UL>, <OL> </OL> and <LI> </LI> tags in one page. When we insert the new list, the browser will indent the list one level and will change the bullet type of reflect the nesting.
  • 6. Nested lists Used when we want to display the information in outline form. Used <UL> AND < LI> tags. Its have more than one <UL></UL>, <OL> </OL> and <LI> </LI> tags in one page. When we insert the new list, the browser will indent the list one level and will change the bullet type of reflect the nesting.