li all style in html in hindi
Start Date 27,April 2024
|
Ashwani Soni
|
60 hours
|
347 Join
|
English, Hindi
|
HTMLDescription
हेल्लो दोस्तों आज के इस पोस्ट में html का परिचय दिया जा रहा है की क्या होता है और कैसे काम करता है तो चलिए शुरू करते है
li style in html
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ul>
यहाँ पर आप देख सकते है की ul टैग और li टैग का प्रयोग किया गया है साथ ही में आप देख सकते है की इसमे type डिफाइन किया गया है
की li में कौन सा icon show करना है जैसे की circle , disc , square , none और भी बहुत कुछ दिया गया है
इसका पूरा कोड आपको निचे दिया जा रहा है
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<marquee scrollamount="9" direction="right" bgcolor="" onmouseover="stop()"
onmouseleave="start()"><img src="dd.gif" width="300" height="200"></marquee>
<hr>
<h1>UNORDERED LIST</h1>
<hr>
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ul>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ul>
<ul type="disc">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ul>
<ul type="none">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ul>
<hr>
<h1>ORDERED LIST</h1>
<HR>
<ol start="5">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ol>
<ol type="i" start="2" reversed>
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ol>
<ol type="a" start="6">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ol>
<ol type="A">
<li>HTML</li>
<li>CSS</li>
<li>JAVA</li>
<li>JQUERY</li>
</ol>
<hr>
<h1>DEFINITION LIST</h1>
<hr>
<dl>
<dt>HTML<dd>hyper text markup language</dd></dt>
<dt>CSS<dd>desgin webpage with html and css</dd></dt>
<dt>JAVA<dd>object oriented programming language</dd></dt>
<dt>PHP<dd>php is a object oriented language</dd></dt>
<dt>JS<dd>javascript is a client side scripting language</dd></dt>
</dl>
<HR>
<H1>NEXTED LIST</H1>
<HR>
<h2><ol>
<li>basic sessio
<ul><li>introduction<ul>
<li>tag<ol type="a"><li>language hindi</li></ul></li>
<li>run time
<ul><li>language English</li></ul></li>
<li>install editor
<ul><li>language marathi</li></ul
</li>
<li>tag</li></ul></li>
<li>css</li>
<li>java</li>
<li>python</li>
<li>php</li>
<li>database</li>
<li>github</li>
<li>alax</li>
</ul>
</li>
<li>technology session
<ul><li>.net</li>
<li>android</li>
<li>php with laravel</li>
<li>android with java/kotlin</li>
<li>.net mvc</li>
</ul>
</li>
<li>project session</li>
<li>hr session</li>
<li>placement</li>
</ol></h2>
<hr>
<h1>test class</h1>
<hr>
<h1>List of indian states with thier capital</h1>
<h2><ol>
<li><font color="blue">Delhi
</font><ul>
<li><font color="red">New Delhi
</font><ol type="i"><li><font color="#0ACBF4">Laptagang</font></li>
</li>
</ul></li>
<li><font color="blue">Haryana</font>
<ul>
<li><font color="red">Chandigarh</font>
<ol type="a"><li><font color="#0ACBF4">haluwani</font></li>
</li>
</ul></li>
<li><font color="blue">Gujarat</font>
<ul>
<li><font color="red">Gandhinagar</font>
<ol><li><font color="#0ACBF4">jhuhu chapati</font></li>
</li>
</ul></li>
<li><font color="blue">Rajasthan</font>
<ul>
<li><font color="red">Jaipur</font>
<ol type="I"><li><font color="#0ACBF4">pink city</font></li>
</li>
</ul></li>
<li><font color="blue">Maharashtra</font>
<ul>
<li><font color="red">Mumb#0ACBF4ai</font>
<ol type="A"><li><font color="#0ACBF4">dadar station</font></li>
</li>
</ul></li>
<li><font color="blue">Uttarpradesh</font>
<ul>
<li><font color="red">Lucknow</font>
<ol type="a"><li><font color="#0ACBF4">vikash nagar sector-7</font></li></ol>
</li>
</ul></li>
</ol></h2>
</body>
</html>
निवेदन-आप सभी छात्र छात्रो से निवेदन है की अगर आपको यह कंटेंट( li all style in html in hindi ) आपके लिए उपयोगी
(li all style in html in hindi) रहा हो तो आप दुसरे के साथ भी शेयर करे अपने तक ही सिमित न रखे धन्यवाद
04 Comments
Kevin Martin Sep 15, 2020
Vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor Lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh..
Kevin Martin Sep 15, 2020
Aenean sollicitudin, lorem quis bibendum auctor Lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet..
Kevin Martin Sep 15, 2020
Bibendum auctor Lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris http://themeforest.net Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat
Kevin Martin Sep 15, 2020
Sit amet nibh vulputate cursus a sit amet mauris lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio http://themeforest.net Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat