HTML Lists in Hindi

HTML Lists in Hindi

Leave a Comment / Html Hindi, Programming / By / HTML Lists in Hindi, एक लिस्ट के भीतर नेस्टेड लिस्ट का एक उदाहरण, एचटीएमएल अनऑर्डर्ड लिस्ट (यूएल), एचटीएमएल ऑर्डर्ड लिस्ट (ओएल), एचटीएमएल ऑर्डर्ड लिस्ट एलिमेंट उदाहरण, एचटीएमएल नेस्टेड लिस्ट्स, एचटीएमएल लिस्ट, एचटीएमएल वेबपेज में अपर केस/लोअर केस/रोमन नंबर लिस्ट प्रारूप उदाहरण, क्रमबद्ध और अव्यवस्थित नेस्टेड लिस्ट बनाना, नेस्टेड लिस्ट (ओएल) उदाहरण के साथ एचटीएमएल अनऑर्डर्ड लिस्ट (यूएल)

HTML Lists in Hindi

Html List

एचटीएमएल वेब पेज में आप मुख्य रूप से दो प्रकार के लिस्ट्स आइटम क्रिएट कर सकते हैं। किसी भी एचटीएमएल वेब पेज में लिस्ट आइटम को आप आर्डर और अनऑर्डर्ड में क्रम में डिस्प्ले कर सकते है।  यहां आपको बताया गया है कि आप किसी भी एचटीएमएल वेब पेज में दोनों प्रकार की लिस्ट आइटम को कैसे बना सकते हैं।

HTML Lists in Hindi

HTML Ordered List (OL) – किसी एचटीएमएल वेब पेज में एक ऑर्डर लिस्ट एलिमेंट का उपयोग तब किया जाता है। जब आप किसी विशिष्ट अनुक्रम या क्रम में एचटीएमएल वेब एलिमेंट या आइटम को असेंडिंग आर्डर में प्रदर्शित करना चाहते हैं।

Html ordered list element example.

<!DOCTYPE html>

<html>

  <head>

    <title>List Tag</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Html ordred list example! </h1>

      <p id=”currentTime”></p>

      <ol>

  <li>Ordered List Element 1</li>

  <li>Ordered List Element 2</li>

  <li>Ordered List Element 3</li>

  <li>Ordered List Element 4</li>

  <li>Ordered List Element 5</li>

</ol>

  </body>

</html>

आप अपने मनचाहे एचटीएमएल वेब पेज में मौजूदा लिस्ट प्रकार ऐट्रिब्यूट्स का उपयोग करके लिस्ट नंबरिंग स्टाइल फॉर्मेट को अपनी जरूरत के आधार पर कैपिटल, स्माल करैक्टर फॉर्मेट, रोमन नंबर फॉर्मेट आदि में अनुकूलित कर सकते हैं। उदाहरण के लिए, किसी भी एचटीएमएल वेब पेज में (अपरकेस लेटर के लिए “A”, लोअरकेस लेटर के लिए “a”, अपरकेस रोमन अंकों के लिए “i”, लोअरकेस रोमन अंकों के लिए “आई”, आदि) विशेष लिस्ट ऐट्रिब्यूट्स का इस्तेमाल कर अपनी जरूरत के लिस्ट ऑब्जेक्ट क्रिएट कर सकते है।

Upper case/lower case/roman number list format example in html webpage.

<!DOCTYPE html>

<html>

  <head>

    <title>Multiple List Attributes</title>

    <link rel=”stylesheet” href=”styles.css” />

  </head>

  <body>

      <h1 class=”title”>Html ordered Attributes list example! </h1>

      <p id=”currentTime”></p>

      <h2>Capital Letter List Attributes</h2>

      <ol>

     <ol type=”A”>

  <li>Land Rover</li>

  <li>Range Rover Velar</li>

  <li>Volvo XC60</li>

  <li>Jaguar F-Type</li>

  <li>Bentley Flying Spur</li>

</ol>

 <h2>Small Letter List Attributes</h2>

      <ol>

     <ol type=”a”>

  <li>Kawasaki</li>

  <li>Ducati</li>

  <li>Royal Enfield</li>

  <li>Suzuki</li>

  <li>Bmw</li>

</ol>

<h2>Roman Letter List Attributes</h2>

      <ol>

     <ol type=”i”>

  <li>Airbus</li>

  <li>Boeing 777</li>

  <li>Antonov</li>

  <li>Miraj</li>

  <li>Tejas</li>

</ol>

  </body>

</html>

HTML Unordered List (UL) – किसी एचटीएमएल वेब पेज में अनऑर्डर्ड लिस्ट एलिमेंट टैग का उपयोग तब किया जाता है. जब आप किसी विशिष्ट आरोही और अवरोही लिस्ट क्रम के बिना लिस्ट आइटम्स की सूची प्रदर्शित करना चाहते हैं, आमतौर अनऑर्डर्ड लिस्ट ऑब्जेक्ट फॉर्मेट के रूप में बुलेट सिंबल का उपयोग किया जाता हैं।

Example of unordered list example.

<!DOCTYPE html>

<html>

  <head>

    <title>Unordered List Attributes</title>

  </head>

  <body>

      <h1 class=”title”>Html unordered Attributes list example! </h1>

      <p id=”currentTime”></p>

      <h2>Html Unordered List Attributes</h2>

<ul>

  <li>Maruti Suzuki</li>

  <li>Tata Nexon</li>

  <li>Mahinda Scorpio</li>

  <li>Toyota Fortuner</li>

  <li>Hyundai i20</li>

</ul>

  </body>

</html>

आप अपनी किसी विशेष जरूरत के अनुसार किसी एचटीएमएल वेब पेज में एक लिस्ट को दूसरी लिस्ट में ऐड कर कई नेस्टेड लिस्ट्स ऑब्जेक्ट बना सकते हैं।

Here is an example of a list nested within a list.

<!DOCTYPE html>

<html>

  <head>

    <title>Nested List Attributes</title>

  </head>

  <body>

      <h1 class=”title”>Html Nested Attributes list example! </h1>

      <p id=”currentTime”></p>

      <h2>Html Nested List Attributes</h2>

<ol>

  <li>Html Programming </li>

  <li>Html fundamental

    <ul>

      <li>Explore Web Technology</li>

      <li>Css attributes add to html</li>

      <li>Java script Realtime attributes</li>

    </ul>

  </li>

  <li>Explore W3.css </li>

  <ul>

      <li>Core concept of w3.css</li>

      <li>How to implement w3.css in html</li>

    </ul>

</ol>

  </body>

</html>

Creating ordered and unordered nested lists.

किसी भी एचटीएमएल वेब पेज में में नेस्टेड लिस्ट मौजूदा लिस्ट्स एलिमेंट्स के भीतर नई लिस्ट्स ऑब्जेक्ट हैं। आप अपने मौजूदा एचटीएमएल वेब पेज में आर्डर लिस्ट (OL) और अनऑर्डर लिस्ट (UL) दोनों प्रकार के नेस्टेड लिस्ट्स एलिमेंट्स बना सकते हैं।

यहां बताया गया है कि आप अपने वर्त्तमान वेबपेज में नेस्टेड लिस्ट आइटम कैसे बना सकते हैं।

So, let’s learn Ordered List (OL) along with Nested List (UL) in HTML web page.

<!DOCTYPE html>

<html>

  <head>

    <title>Nested List Attributes</title>

  </head>

  <body>

      <h1 class=”title”>Html Ordered Nested Attributes list example! </h1>

      <p id=”currentTime”></p>

      <ol>

  <li>Topic 1</li>

  <ul>

      <li>Topic 1.1</li>

      <li>Topic 1.2</li>

    </ul>

  <li>Topic 2</li>

  <li>Topic 3</li>

    <ul>

      <li>Topic 3.1</li>

      <li>Topic 3.2</li>

    </ul>

  </li>

  <li>Topic 4</li>

  <ul>

      <li>Topic 4.1</li>

    </ul>

</ol>

  </body>

</html>

Html Unordered List (UL) with a Nested List (OL) Example.

<!DOCTYPE html>

<html>

  <head>

    <title>Nested List Attributes</title>

  </head>

  <body>

      <h1 class=”title”>Html Unordered Nested Attributes list example! </h1>

      <p id=”currentTime”></p>

      <ul>

  <li>Python Programming</li>

  <li>What is python

    <ol>

      <li>Python fundamental</li>

      <li>Python history</li>

    </ol>

  </li>

  <li>Data type in python

  <ol>

      <li>Int data type

      <ol>

      <li>short int </li>

      <li>Long int</li>

      <li>Double</li>

    </ol>

      <li>Float data type</li>

    </ol>

  <li>Operator in python</li>

  <ol>

      <li>Assignment operator</li>

      <li>Relational operator</li>

    </ol>

</ul>

</body>

</html>

Html Nested lists.

कई बार आपको एक ही एचटीएमएल वेब पेज में निश्चित रूप से नेस्टेड लिस्ट में ऑर्डर्ड (OL) लिस्ट और अनऑर्डर्ड (UL) लिस्ट दोनों लिस्ट्स की जरूरत हो सकती है, तो आप अपने वेब पेज रिक्वायरमेंट्स के अनुसार इन लिस्ट का उपयोग कर सकते है।

In this HTML web page example, you will see ordered and unordered lists.

<!DOCTYPE html>

<html>

  <head>

    <title>Ol And UL Nested List Attributes</title>

  </head>

  <body>

      <h1 class=”title”>Html Ordered and Unordered Nested list Attributes example! </h1>

      <p id=”currentTime”></p>

<h2>Html Nested Ordered List (OL) Example</h2>

<ol>

  <li>Heading 1</li>

  <li>Heading 2

    <ol>

      <li>Nested Heading 1</li>

      <li>Nested Heading 2

        <ol>

          <li>Sub nested Heading 1</li>

          <li>Sub nested Heading 2</li>

        </ol>

      </li>

      <li>Sub Heading 3</li>

    </ol>

  </li>

  <li>Heading 3</li>

  <li>Heading 4

   <ol>

      <li>Nested Heading 4.1</li>

      <li>Nested Heading 4.2</li>

      </ol>

</ol>

 <h2> Html Nested Unordered List (UL) Example </h2>

<ul>

  <li>Topic 1</li>

  <li>Topic 2

    <ul>

      <li>Nested Element Topic 2.1</li>

      <li>Nested Element Topic 2.2

        <ul>

          <li>Sub-nested Element Topic 2.1</li>

          <li>Sub-nested Element Topic 2.2</li>

        </ul>

      </li>

      <li>Nested Topic 3</li>

    </ul>

  </li>

  <li>Topic 3</li>

  <ul>

      <li>Nested Element Topic 3.1</li>

      <li>Nested Element Topic 3.2

        </ul>

    <li>Topic 4</li>

</ul>

</body>

</html>

Rate this post

Related posts

Introduction To HTML In HindiIntroduction To HTML In Hindi HTML Document Structure In HindiHTML Document Structure In Hindi Forms and Input Elements In hindiHtml Forms and Input Elements in Hindi HTML Elements In HindiHTML Elements In Hindi microsoft office 2016About Microsoft office 2016 Hindi Libre office 5About Libre office In Hindi. About Microsoft Office 2013 Pro Plus Hindi. Everything About Microsoft Windows 10.Everything About Microsoft Windows 10 Hindi. Images and Multimedia In HindiImages and Multimedia HTML in Hindi Google search engineWhat Is A Search Engine and Their Type In Hindi? HTML Semantic Elements In HindiHTML Semantic Elements In Hindi Windows 10 Apps HindiMicrosoft Windows 10 Apps Hindi. Apache open office hindiApache Open Office Hindi. Html Frames in hindiHtml Frames in Hindi HTML ListsHTML Lists Html Text Formatting In HindiHtml Text Formatting In Hindi Windows 8 AppsMicrosoft Windows 8 Apps Hindi. Links and Anchor Tags In HindiLinks and Anchor Tags In Hindi Windows 7 hindiAbout Microsoft Windows 7 Hindi. About Wps officeAbout Wps Office Hindi What is internetWhat Is The Internet in Hindi? HTML Tables In hindiHTML Tables In Hindi LinuxWhat is Linux, A Complete Overview of Ubuntu Linux Hindi. Windows operating systemMicrosoft Windows Legacy Operating System Hindi. login office 365About Microsoft office 365 Hindi. Css full formAbout Css In Hindi. Computer hardwarePc assembly and its operation Hindi. Windows 8About Microsoft Windows 8.1 Hindi. type of programmingType of Computer Programming in Hindi. computer networkType of Computer or Internet Network In Hindi. type of computer memoryAbout Computer Memory Hindi. HTML Document StructureHTML Document Structure Keyboard and mouseMouse and Keyboard Operations in Hindi. Computer fundamental hindiComputer Fundamental Hindi. htmlLearn Html Output and input deviceInput And Output Devices in Hindi. html5Learn Html5 ftp softwareInternet Network Services And Ftp In Hindi. Internet ProtocolsInternet Technology And Network Protocols In Hindi. बहुपद कक्षा 10 (Polynomial Class 10th) Motherboard portComputer Motherboard Cable And Port Type In Hindi. internet growthGrowth of the Internet Hindi. Motherboard and its componentsComputer Motherboard and its Components in Hindi. समान्तर श्रेढ़ी कक्षा 10 (Arithmetic Progressions Class 10th) निर्देशांक ज्यामिति कक्षा 10 (The Coordinate Geometry Class 10th) दशमलव संख्याएँ कक्षा 7 (Decimal Number Class 7th) Motherboard slotsComputer Motherboard Slots and All Type of External Cards In Hindi. समुच्चय कक्षा 11 (The Sets Class 11th) Network TopologyTypes of Network Communication Media And Network Topology In Hindi. HTML Semantic ElementsHTML Semantic Elements xmlAbout Xml निर्देशांक ज्यामिति कक्षा 9 (The Coordinate Geometry Class 9th) bootstrap cssWhat Is Bootstrap Css दो चर वाले रैखिक समीकरण युग्म कक्षा 10 (Pair of Linear Equations in Two Variables Class 10th) Images and MultimediaImages and Multimedia in HTML बहुपद कक्षा 9वीं (Polynomial Class 9th) वास्तविक संख्याओं का दशमलव प्रसार कक्षा 9वीं (Decimal Expansion of Real Numbers Class 9th) वास्तविक संख्याओं पर संक्रियाएँ कक्षा 9वीं (Operations on Real Numbers Class 9th) भिन्न संख्याएँ कक्षा 7 (Fraction Class 7th) Text Formatting.Html Text Formatting HTML ElementsHTML Elements त्रिकोणमिति कक्षा 10 (The Trigonometry Class 10th) बहुपद के शून्यकों का ज्यामितीय (आलेखीय) अर्थ कक्षा 10 [Geometrical (Graphical) Meaning of the Zeroes of the Polynomial Class 10th] यूक्लिड की ज्यामिति का परिचय कक्षा 9 (Introduction to Euclid’s Geometry Class 9th) flowchart and algorithmsC language Algorithms, Flowchart, and Terms In Hindi. पूर्णांक संख्याएँ कक्षा 6 (Integer Class 6th) HTML TablesHTML Tables Social mediaMost Used Popular Internet Messenger And Social Media Platform In Hindi. हीरोन का सूत्र कक्षा 9 (Heron’s Formula Class 9th) javascript programmingLearn Java Script Programming परिमेय संख्याओं का दशमलव प्रसार कक्षा 10 (Decimal Expansion of Rational Number Class 10th) Forms and Input ElementsHtml Forms and Input Elements Intel microprocessorsAbout Microprocessors Cpu in Hindi. Microsoft office 2016About Microsoft office 2016 रेखाएँ और कोण कक्षा 9 (Lines and Angles Class 9th) दो चरों वाले रैखिक समीकरण कक्षा 9 (Linear Equations of two Variables Class 9th) परिमाप और क्षेत्रफल कक्षा 6 (Perimeter and Area for Class 6th) What is CssAbout Css(cascading style sheet). संख्या पद्धति कक्षा 9वीं (Number System Class 9th) द्विघात समीकरण कक्षा 10 (Quadratic Equations Class 10th) विभाजन सूत्र कक्षा 10 (The Section Formula Class 10th) पूर्ण संख्याएँ कक्षा 6 (Whole Number Class 6th) Links and Anchor TagsHTML Links and Anchor Tags त्रिभुजों की समरूपता कक्षा 10 (Similarity of Triangles Class 10th) First Program In C Language. in hindiFirst Program In C Language In Hindi. About Microsoft Office 2013 Pro Plus. Polynomials Class 10th एक वृत्त के चाप द्वारा अंतरित कोण कक्षा 10 (Angles Made by the Arc of Circle Class 10th) jsonAbout Json json javascript object notation Python programmingAbout Python Programming In Hindi. कार्तीय समतल में दो बिन्दुओं के बीच की दूरी और दूरी सूत्र कक्षा 10 (The Distance Formula Class 10th) प्रायिकता कक्षा 10 (Probability Class 10th) mongodbAbout MongoDb Database वृत्त की स्पर्श रेखा और छेदक रेखा कक्षा 10 (Tangent and Secant of Circles Class 10th) वृत्त की जीवा द्वारा अंतरित कोण कक्षा 10 (Angle Made by a Chord of Circle Class 10th) Windows 11 operating systemAbout Microsoft windows 11 Hindi. समान्तर श्रेढ़ी का n वाँ पद (व्यापक पद) कक्षा 10 (nth Term of Arithmetic Progression Class 10th) c programmingWhat Is C Programming In Hindi. बीजगणित प्रश्नोत्तर (The Algebra Q & A) view.jsAbout Vue.js Data type in c programming.Data Type In C Programming Hindi. अपरिमेय संख्या और अपरिमेयता कक्षा 10 (Irrational Number and Irrationality Class 10th) tailwind cssWhat Is Tailwind Css Trigonometry Class 10th Everything About Microsoft Windows 10. समान्तर श्रेढ़ी के पहले n पदों का योग कक्षा 10 (Sum of n Terms of Arithmetic Progression Class 10th) एक चर वाले रैखिक समीकरण कक्षा 8 (Linear Equation in One Variable Class 8th) Html FramesHtml Frames bulma cssWhat Is Bulma Css पृष्ठीय क्षेत्रफल और आयतन कक्षा 10 (Surface Area and Volume Class 10th) Type of Variable In C Programming.Type of Variable In C Programming In Hindi. निर्देशांक ज्यामिति में त्रिभुज का क्षेत्रफल कक्षा 10 (Area of the Triangle in Coordinate Geometry Class 10th) क्षेत्रमिति प्रश्नोत्तर (The Mensuration Q & A) त्रिभुज और इसके गुण कक्षा 10 (The Triangle and its Properties Class 10th) learn c programmingLearn C Programming वर्ग और वर्गमूल कक्षा 8 (Square and Square Root Class 8th) वृत्तों से संबंधित क्षेत्रफल कक्षा 10 (Areas Related to Circle Class 10th) tableauAbout Python Tableau About Libre office. mysqlAbout mysql pandasAbout Pandas Start With C Programming in hindiStart With C Programming In Hindi. घात और घातांक कक्षा 8 (Powers and Exponents Class 8th) About Raspberry pi board संख्या रेखा पर वास्तविक संख्याओं का निरूपण कक्षा 9वीं (Representation of Real Numbers on the Number Line Class 9th) यूक्लिड विभाजन प्रमेयिका कक्षा 10 (The Euclid’s Division Lemma Class 10th) NCERT गणित कक्षा 10 अध्याय 1 वास्तविक संख्याएँ हल Windows 10 apps DescriptionMicrosoft Windows 10 Operating System Apps. Probability Class 10th Python Q&A Sections in hindiPython Q&A Sections In Hindi. अंकगणित की आधारभूत प्रमेय कक्षा 10 (Fundamental Theorem of Arithmetic Class 10th) Windows 8.1 appsMicrosoft Windows 8 Apps. एक वृत्त के एकान्तर खंड के कोण कक्षा 10 (Angles of Alternate Segment of Circle Class 10th) संबंध और फलन कक्षा 12 (Relation and Function Class 12th) चक्रीय चतुर्भुज कक्षा 10 (Cyclic Quadrilateral Class 10th) postgresqlAbout Postgresql Operators In C Programming.Operators In C Programming Hindi. scipy python libraryAbout Scipy Python Library वास्तविक संख्याएँ कक्षा 8 (Real Number Class 8th) reactjsAbout ReactJs Framework javaLearn Java Programming Coordinate Geometry (Analytical Geometry) Class 10th arduinoAbout Arduino Microcontroller Board scala programmingAbout Scala Programming python numpyAbout Python Numpy plsqlAbout Pl/Sql वृत्त की परिधि कक्षा 10 (The Circumference of Circle Class 10th) Windows legacy osMicrosoft Windows Legacy Operating system. Arithmetic Progression Class 10th nodejsWhat is Nodejs

Similar Posts

Leave a Comment

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

Scroll to Top