Sunday, 15 October 2017

HTML offers web creators three courses for indicating 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 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.


  1. <dl> − Defines the begin of the rundown 
  2. <dt> − A term 
  3. <dd> − Term definition 
  4. </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>

Related Posts:

  • Gigs on Fiverr Fiverr pranks Fiverr is currently the world's biggest commercial center for individuals to profit offering little administrations (known as 'gigs'). What you offer could be completely anything, from composing and deciphe… Read More
  • Part time job bar jobs A low maintenance work is the undeniable first decision, picked by most understudies hoping to supplement their understudy advance. It gives a really relentless stream of salary and can empower you to increase im… Read More
  • Get cashback when shopping This is an approach to profit as well as to spare cash as an understudy. In the event that you take a gander at it diversely then you are profiting with each buy you would have made in any case, regardless of whether it … Read More
  • Claim tax back Numerous understudies work low maintenance or amid the late spring months, and others will be on situations or paid entry level positions. As a rule, on the off chance that you are an understudy working amid the year, you w… Read More
  • Compose and distribute a Kindle eBook In the event that understudies are great at anything, it's looking into and composing. With the Amazon Kindle store, anybody can distribute an eBook and profit. Also, the Kindle application is currently accessible on … Read More

0 comments:

Translate

GoogleTech786. Powered by Blogger.

Subscribe Youtube

Our Facebook Page

Wikipedia

Search results

Popular Posts

Adsense