October 15, 2017
Unknown
HTML offers web creators three courses for indicating arrangements of data. All rundowns must contain at least one rundown components. Records may contain −
HTML Unordered Lists
An unordered rundown is an accumulation of related things that have no extraordinary request or arrangement. This rundown is made by utilizing HTML <ul> tag. Every thing in the rundown is set apart with a slug.
Case
You can utilize sort ascribe for <ul> tag to indicate the kind of slug you like. Naturally, it is a circle. Following are the conceivable choices −
Case
Following is a case where we utilized <ul sort = "square">
Illustration
Following is an illustration where we utilized <ul sort = "disc"> −
Case
Following is a case where we utilized <ul sort = "circle"> −
HTML Ordered Lists
In the event that you are required to put your things in a numbered list rather than bulleted, at that point HTML requested rundown will be utilized. This rundown is made by utilizing <ol> tag. The numbering begins at one and is increased by one for each progressive requested rundown component labeled with <li>.
Illustration
The sort Attribute
You can utilize sort ascribe for <ol> tag to determine the kind of numbering you like. As a matter of course, it is a number. Following are the conceivable choices −
Following is a case where we utilized <ol sort = "1">
Following is an illustration where we utilized <ol sort = "I">
Case
Following is a case where we utilized <ol sort = "i">
Case
Following is a case where we utilized <ol sort = "A" >
Illustration
Following is an illustration where we utilized <ol sort = "a">
You can utilize begin credit for <ol> tag to determine the beginning stage of numbering you require. Following are the conceivable choices −
Following is a case where we utilized <ol sort = "I" begin = "4" >
HTML Definition Lists
HTML and XHTML bolsters a rundown style which is called definition records where sections are recorded like in a word reference or reference book. The definition list is the perfect approach to show a glossary, rundown of terms, or other name/esteem list.
Definition List makes utilization of following three labels.
Case
- <ul> − An unordered rundown. This will list things utilizing plain slugs.
- <ol> − A requested rundown. This will utilize diverse plans of numbers to list your things.
- <dl> − A definition list. This organizes your things similarly as they are masterminded in a word reference.
HTML Unordered Lists
An unordered rundown is an accumulation of related things that have no extraordinary request or arrangement. This rundown is made by utilizing HTML <ul> tag. Every thing in the rundown is set apart with a slug.
Case
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>The sort Attribute
You can utilize sort ascribe for <ul> tag to indicate the kind of slug you like. Naturally, it is a circle. Following are the conceivable choices −
<ul type = "square"> <ul type = "disc"> <ul type = "circle">
Case
Following is a case where we utilized <ul sort = "square">
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul type = "square"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
Illustration
Following is an illustration where we utilized <ul sort = "disc"> −
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul type = "disc"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
Case
Following is a case where we utilized <ul sort = "circle"> −
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <ul type = "circle"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ul> </body> </html>
HTML Ordered Lists
In the event that you are required to put your things in a numbered list rather than bulleted, at that point HTML requested rundown will be utilized. This rundown is made by utilizing <ol> tag. The numbering begins at one and is increased by one for each progressive requested rundown component labeled with <li>.
Illustration
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
The sort Attribute
You can utilize sort ascribe for <ol> tag to determine the kind of numbering you like. As a matter of course, it is a number. Following are the conceivable choices −
<ol type = "1"> - Default-Case Numerals. <ol type = "I"> - Upper-Case Numerals. <ol type = "i"> - Lower-Case Numerals. <ol type = "A"> - Upper-Case Letters. <ol type = "a"> - Lower-Case Letters.Case
Following is a case where we utilized <ol sort = "1">
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "1"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>Illustration
Following is an illustration where we utilized <ol sort = "I">
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "I"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
Case
Following is a case where we utilized <ol sort = "i">
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "i"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
Case
Following is a case where we utilized <ol sort = "A" >
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "A"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
Illustration
Following is an illustration where we utilized <ol sort = "a">
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "a"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>The begin Attribute
You can utilize begin credit for <ol> tag to determine the beginning stage of numbering you require. Following are the conceivable choices −
<ol type = "1" start = "4"> - Numerals starts with 4. <ol type = "I" start = "4"> - Numerals starts with IV. <ol type = "i" start = "4"> - Numerals starts with iv. <ol type = "a" start = "4"> - Letters starts with d. <ol type = "A" start = "4"> - Letters starts with D.Case
Following is a case where we utilized <ol sort = "I" begin = "4" >
<!DOCTYPE html> <html> <head> <title>HTML Ordered List</title> </head> <body> <ol type = "i" start = "4"> <li>Beetroot</li> <li>Ginger</li> <li>Potato</li> <li>Radish</li> </ol> </body> </html>
HTML Definition Lists
HTML and XHTML bolsters a rundown style which is called definition records where sections are recorded like in a word reference or reference book. The definition list is the perfect approach to show a glossary, rundown of terms, or other name/esteem list.
Definition List makes utilization of following three labels.
- <dl> − Defines the begin of the rundown
- <dt> − A term
- <dd> − Term definition
- </dl> − Defines the finish of the rundown
Case
<!DOCTYPE html> <html> <head> <title>HTML Definition List</title> </head> <body> <dl> <dt><b>HTML</b></dt> <dd>This stands for Hyper Text Markup Language</dd> <dt><b>HTTP</b></dt> <dd>This stands for Hyper Text Transfer Protocol</dd> </dl> </body> </html>
0 comments:
Post a Comment