Courses Details

Testimonials

li all style in html in hindi

Start Date 27,April 2024

|

Ashwani Soni

|

60 hours

|

314 Join

|

English, Hindi

|

HTML

Description


हेल्लो दोस्तों आज के इस पोस्ट में 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 ) आपके लिए उपयोगी
(li all style in html  in hindi) रहा हो तो आप दुसरे के साथ भी शेयर करे अपने तक ही सिमित न रखे धन्यवाद

TAGS

Share

04 Comments

Kevin Martin Sep 15, 2020

Reply

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

Kevin Martin Sep 15, 2020

Reply

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

Reply

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

Reply

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

Leave a Reply

Please enter your name
Please enter your email address
Please enter mobile number
Please enter Website URL
Please enter feedback