HTML Lists | 99codes

HTML LISTS


HTML offers web creators three different ways for determining arrangements of data. All rundowns must contain at least one rundown components. Records may contain −

<ul> − An unordered rundown. This will list things utilizing plain projectiles.

<ol> − An arranged rundown. This will utilize diverse plans of numbers to list your things.

<dl> − A definition list. This organizes your things similarly as they are orchestrated in a lexicon.

html lists

HTML Unordered Lists -


An unordered rundown is a gathering of related things that have no uncommon request or arrangement. This rundown is made by utilizing HTML <ul> tag. Every thing in the rundown is set apart with a slug.

Example -



This will produce the following result −




The Type Attribute -


You can utilize type ascribe for <ul> tag to determine the sort of projectile you like. Naturally, it is a plate. Following are the conceivable choices −



Example -


Following is an example where we used <ul type = "square">


This will produce the following result −

  • Beetroot
  • Ginger
  • Potato
  • Radish

 

Example -


Following is an example where we used <ul type = "disc"> −

 


This will produce the following result −

  • Beetroot
  • Ginger
  • Potato
  • Radish

 

Example -



Following is an example where we used <ul type = "circle"> −

 


This will produce the following result −

  • Beetroot
  • Ginger
  • Potato
  • Radish

 

HTML Ordered Lists -


In the event that you are required to put your things in a numbered rundown 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 arranged rundown component labeled with <li>.

Example -



This will produce the following result −

  1. Beetroot
  2. Ginger
  3. Potato
  4. Radish

 

The Type Attribute -


You can utilize type credit for <ol> tag to indicate the kind of numbering you like. As a matter of course, it is a number. Following are the conceivable alternatives −



Example -


Following is an example where we used <ol type = "1">




 This will produce the following result −

  1. Beetroot
  2. Ginger
  3. Potato
  4. Radish

Example -


Following is an example where we used <ol type = "I">
 


This will produce the following result −

  1. Beetroot
  2. Ginger
  3. Potato
  4. Radish

Example -


Following is an example where we used <ol type = "i">




This will produce the following result −

  1. Beetroot
  2. Ginger
  3. Potato
  4. Radish

Example -


Following is an example where we used <ol type = "A" >

This will produce the following result −

  1. Beetroot
  2. Ginger
  3. Potato
  4. Radish

 

Example -


Following is an example where we used <ol type = "a">

 



This will produce the following result −

  1. Beetroot
  2. Ginger
  3. Potato
  4. Radish

 

The Start Attribute -


You can utilize begin ascribe for <ol> tag to determine the beginning stage of numbering you need. Following are the conceivable choices −



Example -


Following is an example where we used <ol type = "i" start = "4" >


This will produce the following result −
  1. Beetroot
  2. Ginger
  3. Potato
  4. Radish

 

HTML Definition Lists -


HTML and XHTML bolsters a rundown style which is called definition records where passages are recorded like in a lexicon or reference book. The definition list is the perfect method to show a glossary, rundown of terms, or other name/esteem list.

Definition List utilizes following three labels.

<dl> − Defines the beginning of the rundown

<dt> − A term

<dd> − Term definition

</dl> − Defines the finish of the rundown


Example -


This will produce the following result −



HTML Lists | 99codes HTML Lists | 99codes Reviewed by Arup Roy on March 31, 2019 Rating: 5

No comments:

Powered by Blogger.