HTML Lists In Hindi – How To Insert Lists In HTML In Hindi

HTML

HTML Lists In Hindi – How To Insert Lists In HTML In Hindi – Webpage Me Related Items Ya Points Ko Line-Wise Dikhane Ke Liye Lists Ka Istemal Kiya Jata Hai.

Also Read – HTML Tables

List Ki Wajah Se Webpage Bahut Hi Organized Lagta Hai Aur Uske Points Ko Pdhna Bhi Asaan Ho Jata Hai. HTML Me List Ko 3 Tareeke Se Banaya Ja Sakta Hai; Ordered, Un-Ordered Aur Definition-List. 

Aaiye Ek-Ek Example Sabhi Lists Ka Dekh Kar Samajhte Hain Ki Inme Kya Difference Hai:

HTML Lists In Hindi

 Ordered List: Iss List Me Hum Items Ko Order Me Arrange Karne Ke Liye Kisi Na Numerical (1,2,3, …) Alphabetic (A,B,C,… A,B,C,…) Ya Phir Roman (I,Ii,Iii,… I,II,III,…) Series Ka Istemal Karte Hain, Jaise Ki Neeche Dikhaya Gya Hai.

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4     

Un-Ordered List: Iss List Me Items Ka Koi Order Nahi Hota Toh Hum Kuch Bullits Ka Istemal Karte Hain, Jaisa Ki Neeche Dikhaya Gya Hai.

  • Item
  • Item
  • Item
  • Item      

Definition List: Iss List Me Items Ko Iss Tareeke Se Diya Jata Hai Jaise Ki Ek Dictionary Me Hota Hai, Jaisa Ki Neeche Dikhaya Gya Hai.

CPU

  • Central Processing Unit

UPS

  • Un-Interrupted Power Supply      

Ordered/ Numbered List In HTML In Hindi

Jab Humein Apni List Ke Items Ko Kisi Order Me Lgaana Ho Toh Hum <ol> Tag Ka Istemal Karke Items Ko Arrange Kar Sakte Hain. Ordered List Ko Hum Numbered List Bhi Keh Sakte Hain, Kyuki By Default Jo List Create Ki Jaegi, Usme Numbering 1,2,3,… Hogi.

Ordered List Me Hum Neeche Di Gayi 2 Tags Ka Istemaal Karte Hain:

  • <ol> −        Defines The Start Of The List
  • <li> −        Defines A Line

List Ke Items Ko Define Karne Ke Liye <ol> Ke Andar Hum <li> Tag Ko Istemal Karke List Items Ko Specify Karte Hain. Aaiye Ab Ek Example Ke Jariye Ek Simple List Create Karte Hain:

Example:

<!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>

Output:

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

The Type Attribute

Hum HTML Mein 5 Tareeke Ki List Create Kar Sakte Hain. Har List Ka type Define Karne Ke Liye List Tag <ol> Ke Andar Hi Hume type Attribute Ki Value Declare Karni Hogi, Jo Humari List Ka Type Btaegi.

<ol type = “1”> – Default-Case Numerals.

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

<ol type = “I”> – Upper-Case Roman Numerals.

<ol type="I">
  <li>Beetroot</li>
  <li>Ginger</li>
  <li>Potato</li>
  <li>Radish</li>
</ol>

Output:

I. Beetroot
II. Ginger
III. Potato
IV. Radish

<ol type = “i”> – Lower-Case Roman Numerals.

<ol type="i">
  <li>Beetroot</li>
  <li>Ginger</li>
  <li>Potato</li>
  <li>Radish</li>
</ol>

Output

i. Beetroot
ii. Ginger
iii. Potato
iv. Radish

<ol type = “A”> – Upper-Case Letters.

<ol type="A">
  <li>Beetroot</li>
  <li>Ginger</li>
  <li>Potato</li>
  <li>Radish</li>
</ol>

Output

A. Beetroot
B. Ginger
C. Potato
D. Radish

<ol type = “a”> – Lower-Case Letters.

<ol type="a">
  <li>Beetroot</li>
  <li>Ginger</li>
  <li>Potato</li>
  <li>Radish</li>
</ol>

Output:

a. Beetroot
b. Ginger
c. Potato
d. Radish

ALso Read – Create Login Form

The Start Attribute

By Default Numbering “1”  Se Shuru Hogi Aur Har Item Ke Saath Ek-Ek Ka Increment Hoga, Par <ol> Tag Ke Attribute start Se Hum Unki Stating Value Ko Bhi Change Kar Sakte Hain. Niche Diye Gaye Examples Me Har Type Ki List Me start Attribute Ko Istemal Karke Dikhaya Gaya Hai.

<ol type = “1” start = “3”>    – Numerals starts with 3.

<ol type="1" start = "3">
  <li>Beetroot</li>
  <li>Ginger</li>
  <li>Potato</li>
  <li>Radish</li>
</ol>

Output:

3.	Beetroot
4.	Ginger
5.	Potato
6.	Radish

<ol type = “I” start = “3”>    – Numerals starts with III.

<ol type="I" start="3">
  <li>Beetroot</li>
  <li>Ginger</li>
  <li>Potato</li>
  <li>Radish</li>
</ol>

Output:

III. Beetroot
IV. Ginger
V. Potato
VI. Radish

<ol type = “i” start = “3”>    – Numerals starts with iii.

<ol type="i" start="3">
  <li>Beetroot</li>
  <li>Ginger</li>
  <li>Potato</li>
  <li>Radish</li>
</ol>

Output:

iii. Beetroot
iv. Ginger
v. Potato
vi. Radish

<ol type = “a” start = “3”>    – Letters starts with c.

<ol type = “A” start = “3”>    – Letters starts with C.

Example:

Neeche Diye Gaye Example Me Humne <ol type = “i” start = “4” > Istemal Kiya Hai:

<!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>

Output:

iv.	Beetroot
v.	Ginger
vi.	Potato
vii. Radish

Unordered/ Bulleted Lists In HTML In Hindi

Unordered List Me Items Ka Koi Special Order Nahi Hota Toh Hum Iske Items Ko Plain Bullets Ke Saath Dikhate Hain.

Unordered List Me Hum Neeche Di Gayi 2 Tags Ka Istemaal Karte Hain:

  • <ul> −        Defines The Start Of The List
  • <li> −        Defines A Line

Iss List Ko Create Karne Ke Liye <ul> Tag Ka Istemal Kiya Jata Hai. Unordered List Ko Bhi 3 Tareeke Se Banaya Jata Hai.

The Type Attribute

By Default, Agar <ul> Tag Ko Istemal Karke List Banayi Jae Toh Hume Black Solid Dots/ Bullets Ke Saath List Milegi, Lekin Agr Hum Bullets Ko Badalna Chahen Toh Hume <ul> Me type Attribute Ka Istemal Karna Padega. <ul> Tag Me 3 Tareeke Se type Attribute Ko Diya Ja Sakta Hai:

<ul type = “disc”> – bullets with solid dots

  • Beetroot
  • Ginger
  • Potato
  • Radish

<ul type = “square”> – bullets with solid square

  • Beetroot
  • Ginger
  • Potato
  • Radish

<ul type = “circle”> – bullets with circle

  • Beetroot
  • Ginger
  • Potato
  • Radish

Aaiye Ab Ek Example Ke Jariye Bulleted List Create Karte Hain Or Samajhte Hain:

Example:

<!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>
     
      <ul type = "square">
         <li>Beetroot</li>
         <li>Ginger</li>
         <li>Potato</li>
         <li>Radish</li>
      </ul>
     
     <ul type = "circle">
         <li>Beetroot</li>
         <li>Ginger</li>
         <li>Potato</li>
         <li>Radish</li>
      </ul>
   </body>

</html>

Output Ke Liye Is Program Ko run Kar Sakte Hai |

Note: Unorderd List Me Koi Special Order Follow Nahi Kiya Jata Toh start Attribute Ka Istemal Nahi Kiya Jata.

Definition/ Description Lists In HTML In Hindi

HTML Me Hum Ek Aisi List Bhi Create Kar Sakte Hain Jaise Ki Dictionary Or Encyclopedia Me Di Jati Hain.

Definition List Me Hum Neeche Di Gayi 3 Tags Ka Istemaal Karte Hain:

  • <dl> −        Defines The Start Of The List
  • <dt> −        A Term
  • <dd> −        Term Definition

Note: Iss List Me type Aur start Attributes Ki Jarurat Nahi Hoti.

Example:

<!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>

Output:

HTML
   This stands for Hyper Text Markup Language
HTTP
   This stands for Hyper Text Transfer Protocol

Leave a Reply

Your email address will not be published. Required fields are marked *