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
Contents
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.
- Item 1
- Item 2
- Item 3
- 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.
BeetrootGingerPotatoRadish
<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
