HTML-list PPT
HTML-list PPT
Html-list
Mar 21, 2021 • Download as PPTX, PDF
2 likes • 4,146 views AI-enhanced description
Bhumika Ratan
Introduction to html
vikasgaur31
BG Java EE Course
203t1a0571
11 slides • 62 views
HTML LIST
Swetha Alle
Masud Sarkar
Declaration by the
candidate
Raj Sekhar
Dhirendra Chauhan
31 slides • 53 views
Dhirendra Chauhan
21 slides • 46 views
Dhirendra Chauhan
14 slides • 44 views
1 slide • 22 views
Kit-Works Team
Study_20240117_Index_…
_ .pdf
Wonjun Hwang
17 slides • 67 views
31 slides • 53 views
Related Books
Free with a 30 day trial from Everand View All
Ebook Ebook
Excel Tips and Power Pivot and
Tricks Power BI: The…
M.L. Humphrey Rob Collie
Excel User's
☆☆☆☆☆ Guide to DAX,
★★★★☆
0/5 4/5
Power Query,
Power BI &
Related Audiobooks
Free with a 30 day trial from Everand View All
Audiobook Audiobook
Learning SQL: Excel 2016: A
Generate,… Comprehensiv…
Alan Beaulieu and
Manipulate, Timothy C. Needham
Beginner’s Guide
Retrieve Data,
★★★☆☆ to Microso! Excel
★★★★★
3/5 5/5
3rd Edition 2016
Html-list
1. HTML-List
2. List HTML o!ers three ways for specifying lists of information. All
lists must contain one or more list elements. Lists may contain −
<ul> Unordered list — Used to create a list of related items, in no
particular order. <ol> Ordered list — Used to create a list of related
items, in a specific order. <dl> Description list — Used to create a list
of terms and their descriptions. HTML lists allow web developers to
group a set of related items in lists.
3. Unordered List
4. “An unordered list is a collection of related items that have no
special order or sequence. “ Unordered List An unordered list
created using the < ul > element, and each list item starts with the <
li > element. The list items in unordered lists are marked with
bullets. Here's an example: OUTPUT <ul> <li>Chocolate Cake</li>
<li>Black Forest Cake</li> <li>Pineapple Cake</li> </ul> Chocolate
Cake Black Forest Cake Pineapple Cake
5. This attribute gives the type of bullets to be used in the list. type
=’disc’ : Gives default bullet structure/ By Default type =’square’ :
Looks like solid box bullets type =’circle’ : Gives Hollow box
structure Unordered List Attribute
6. <html> <body> <ul> <li>Co!ee</li> <li>Tea</li> <li>Milk</li>
</ul> </body> </html> • Co!ee • Tea • Milk Example:1 Output
7. <html> <body> <ul type =’square’ > <li>Co"ee</li> <li>Tea</li>
<li>Milk</li> </ul> </body> </html> Co"ee Tea Milk
Example:Square Output
8. <html> <body> <ul type =’circle > <li>Co"ee</li> <li>Tea</li>
<li>Milk</li> </ul> </body> </html> o Co"ee o Tea o Milk
Example:Circle Output
9. Ordered List
10. “An Ordered list is a collection of related items that have
special order or sequence. “ Ordered List An Ordered list created
using the < ol > element, and each list item starts with the < li >
element. The list items in Ordered lists are marked with Numbers.
Here's an example: OUTPUT <ol> <li>Chocolate Cake</li> <li>Black
Forest Cake</li> <li>Pineapple Cake</li> </ol> 1. Chocolate Cake 2.
Black Forest Cake 3. Pineapple Cake
11. Ordered List Attribute Ordered Lists has Two types attribute
they are following 1. “Type” 2. “Start” 1. “Type” : the type attribute
Sets the numbering type (type = “type Value”). Type Value
Generated Style Sample Sequence A Capital Letters A,B,C,D……… a
Lowercase Letters a,b,c,d………. I Capital Roman Numerals
I,II,III,IV…….. i Lowercase Roman Numerals i,ii,iii,iv 1 Arabic
Numberals 1,2,3,4………
12. <html> <body> <ol> <li>Co!ee</li> <li>Tea</li> <li>Milk</li>
</ol> </body> </html> 1.Co!ee 2.Tea 3.Milk Example Output
13. 2. “Start” An integer to start counting from for the list items.
Always an Arabic numeral (1, 2, 3, etc.), even when the numbering
type is letters or Roman numerals. For example, to start numbering
elements from the letter "d" or the Roman numeral "iv," use
start="4".
14. <html> <body> <ol Start = 4> <li>Co"ee</li> <li>Tea</li>
<li>Milk</li> </ol> </body> </html> 4. Co"ee 5. Tea 6. Milk Example
–”Start” Output
15. <html> <body> <ol Type = “A”> <li>Co"ee</li> <li>Tea</li>
<li>Milk</li> </ol> </body> </html> A. Co"ee B. Tea C. Milk Example
–”type” Output
16. <html> <body> <ol Type = “A” Start = 3> <li>Co"ee</li>
<li>Tea</li> <li>Milk</li> </ol> </body> </html> C. Co"ee D. Tea E.
Milk Example –”type+Start” Output
17. Description List
18. Description List “A description list is a list of items with a
description or definition of each item.” The description list is
created using <dl> element. The <dl> element is used in conjunction
with the <dt> element which specify a term, and the <dd> element
which specify the term's definition.
19. Bread A baked food made of flour. Co"ee A drink made from
roasted co"ee beans. <dl> <dt>Bread</dt> <dd>A baked food made
of flour.</dd> <dt>Co"ee</dt> <dd>A drink made from roasted
co"ee beans.</dd> </dl> Output Example
20. <html> <body> <dl> <dt>Co!ee</dt> <dd>- black hot
drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>
</body> </html> Co"ee - black hot drink Milk - white cold drink
Example Output
21. THANK YOU
Download
Everand