HTML Tables In hindi

HTML Tables In Hindi

Leave a Comment / Html Hindi, Programming / By / एचटीएमएल टेबल, एचटीएमएल टेबल टैग, कैप्शन और स्टाइलिंग टैग, टीआर टैग, टेबल बनाना, टेबल हेडर, वें टैग और टीडी टैग, सरल एचटीएमएल टेबल

HTML Tables In Hindi

What is HTML Tables.

एचटीएमएल वेब पेज या ऑनलाइन वेबसाइट में टेबल्स किसी वेब पेज पर रौ और कॉलम आर्डर में डेटा और डिजिटल इनफार्मेशन को स्ट्रक्चर ग्रिड या सारणीबद्ध फॉर्मेट में व्यवस्थित और प्रदर्शित करने का एक तरीका है। किसी भी टेबल में टेबल्स पंक्तियों (रौ) और स्तंभों(कॉलम) से बनी हुआ स्ट्रक्चर हैं. जहाँ टेबल में पंक्ति रौ और स्तंभ कॉलम के प्रत्येक इंटरेक्शन को टेबल सेल कहा जाता है। टेबल सेल में टेबल डाटा और इनफार्मेशन को इन्सर्ट या डिस्प्ले किया जाता है. किसी भी एचटीएमएल टेबल को किसी भी वेबसाइट में विभिन्न प्रकार के साधारण डाटा और इनफार्मेशन, और तुलनात्मक डाटा और इनफार्मेशन विश्लेषण में किया जाता है।

HTML Tables In hindi

Creating tables with <table>, <tr>, <th>, and <td>.

किसी भी टेबल को एचटीएमएल वेब पेज में रौ, कॉलम, और सेल के कॉम्बिनेशन के उपयोग करके बनाई जाती हैं. एक साधारण एचटीएमएल टेबल मुख्य रूप से <table>, <tr>, <td>, और <th> टेबल एलिमेंट से जुड़ कर बनी होती।

Here all the elements of HTML table are described in detail.

  • <table> – <table> टैग एचटीएमएल एलिमेंट संपूर्ण टेबल के लिए एक डिजिटल इनफार्मेशन स्टोरेज कंटेनर है। यह टैग एचटीएमएल में नई टेबल की शुरुआत और टेबल एन्ड टैग को परिभाषित करता है।
  • <tr> – <tr> टेबल रौ टैग एलिमेंट एक टेबल नई रौ पंक्ति का प्रतिनिधित्व करता है। टेबल रौ टैग उपयोग टेबल के भीतर अलग-अलग पंक्तियों को समूहीकृत और उन्हें एक टेबल फॉर्मेट रूप में परिभाषित करने के लिए किया जाता है।
  • <td> – <td> टेबल डाटा टैग एलिमेंट एक टेबल रौ पंक्ति के भीतर एक टेबल एम्प्टी सेल का प्रतिनिधित्व करता है। टेबल डाटा या सेल में टेबल में प्रदर्शित होने वाला वास्तविक डेटा या सामग्री को डिजिटल फॉर्म में स्टोर और प्रदर्शित किया जाता है।
  • <th> – <th> टेबल हैडिंग एलिमेंट <td> टेबल डाटा टैग के समान है. लेकिन टेबल हैडिंग टैग का उपयोग टेबल में सबसे ऊपर प्रदर्शित हेडर सेल को परिभाषित करने के लिए किया जाता है। टेबल हेडर सेल आम तौर पर डिस्प्ले टेक्स्ट और इनफार्मेशन को बोल्ड और बड़े फॉण्ट साइज में प्रदर्शित करते हैं, और उनका उपयोग टेबल के में सबसे ऊपर हैडिंग में कॉलम या पंक्तियों को लेबल करने के लिए किया जाता है।

Here’s a basic example of a simple HTML table.

<!DOCTYPE html>

<html>

  <head>

    <title>Html table tag example</title>

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

  </head>

  <body>

      <table border=”1″ bgcolor=”yellow”>

    <tr>

        <th>Table Heading 1</th>

        <th>Table Heading 2</th>

        <th>Table Heading 3</th>

    </tr>

    <tr>

        <td>Table cell 1</td>

        <td>Table cell 2</td>

        <td>Table cell 3</td>

    </tr>

    <tr>

        <td>Table cell 4</td>

        <td>Table cell 5</td>

        <td>Table cell 6</td>

    </tr>

</table>

  </body>

</html>

In the HTML table example above.

  • <table> – टेबल टैग किसी भी नई टेबल के स्टार्ट और एन्ड को दर्शाता है।
  • <tr> – टेबल रौ टैग का उपयोग एचटीएमएल टेबल में नई टेबल रौ पंक्तियाँ बनाने के लिए किया जाता है।
  • <th> – टेबल हेडर टैग किसी भी एचटीएमएल टेबल के लिए एक हेडर सेल बोल्ड टेक्स्ट हैडिंग इनफार्मेशन को प्रदर्शित करता है।
  • <td> – टेबल डाटा टैग एचटीएमएल टेबल में डिजिटल टेक्स्ट और इनफार्मेशन सामग्री के लिए एक एम्प्टी डेटा सेल डिस्प्ले करता है।
  • table border – टेबल बॉर्डर एचटीएमएल टेबल के चारो तरफ रौ कॉलम और सेल के सभी तरफ एक बॉर्डर डिस्प्ले प्रदर्शित करने में उपयोग किया जाता है।

Table headers, captions, and styling.

किसी भी साधारण एचटीएमएल टेबल्स में आप टेबल के सबसे ऊपर रौ में टेबल हैडर, कैप्शन जोड़कर और कस्टम CSS स्टाइल को लागू करके अपनी मौजूदा एचटीएमएल टेबल्स को अधिक कमर्शियल और अट्रैक्टिव बना सकते हैं।

So, let’s add table headings to an HTML table.

Table header (<th>) tag.

एचटीएमएल टेबल में हेडर टैग का उपयोग किसी टेबल रौस में या कॉलम को हैडिंग इनफार्मेशन लेबल के रूप में प्रदर्शित करने के लिए किया जाता है। टेबल हैडिंग बोल्ड फॉण्ट फॉर्मट में डिफ़ॉल्ट रूप से प्रदर्शित होते हैं। आप किसी भी एचटीएमएल टेबल हेडर सेल बनाने के लिए <tr> टैग एलिमेंट के भीतर <th> टेबल हैडिंग एलिमेंट का उपयोग कर सकते हैं।

The HTML table heading tag is an example.

<!DOCTYPE html>

<html>

  <head>

    <title>Html table Heading tag example</title>

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

  </head>

  <body>

      <table border=”1″bgcolor=”pink”>

    <tr>

        <th>#. </th>

        <th>Model Name</th>

        <th>Brand</th>

        <th>Processor</th>

        <th>Manufacture year</th>

        <th>Price</th>

    </tr>

    <tr>

        <td>1. </td>

        <td>Dell Xps Laptop</td>

        <td>Dell</td>

         <td>13th gen intel core i5 processor</td>

        <td>2023</td>

        <td>1,12000</td>

    </tr>

    <tr>

        <td>2. </td>

        <td>Apple Macbook Pro M2</td>

        <td>Apple</td>

         <td>13th gen intel core i9 processor</td>

        <td>2023</td>

        <td>2,50000</td>

    </tr>

</table>

  </body>

</html>

Table Caption (<caption>) Tag.

एक एचटीएमएल टेबल कैप्शन संपूर्ण डिज़ाइन टेबल के लिए एक हैडिंग टाइटल इनफार्मेशन या टेबल विवरण टेक्स्ट प्रदर्शित करता है। आप इसे डिज़ाइन एचटीएमएल टेबल <table> टेबल के ठीक पहले या बाद में डिस्प्ले कर सकते है।

How to use captions in html table.

<!DOCTYPE html>

<html>

<head>

    <title>HTML Table Example</title>

    <style>

        table {

            width: 100%;

            border-collapse: collapse;

        }

        th, td {

            border: 2px solid #FF5722;

            text-align: center;

            padding: 10px;

        }

        th {

            background-color: #00FFCC;

        }

        tr:nth-child(even) {

            background-color: #26A69A;

        } 

        tr:nth-child(odd) {

            background-color: #FFEB3B;

        }

    </style>

</head>

<body>

    <h1>Student Report Card</h1>

    <table>

        <caption><strong>Student Report</strong></caption>

        <thead>

            <tr>

                <th>#. </th>

                <th>Student Name</th>

                <th>Class</th>

                <th>Address</th>

                <th>Contact</th>

                <th>Percentage</th>

                <th>Board</th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>1. </td>

                <td>Amit Jain</td>

                <td>10th</td>

                <td>Sirohi</td>

                <td>112235334</td>

                <td>89%</td>

                <td>Rbse</td>

            </tr>

            <tr>

                <td>2. </td>

                <td>Vinay Sharma</td>

                <td>12th</td>

                <td>Jodhpur</td>

                <td>331137334</td>

                <td>91%</td>

                <td>Cbse</td>

            </tr>

            <tr>

                <td>3. </td>

                <td>Anita Kothari</td>

                <td>10th</td>

                <td>Jaipur</td>

                <td>685559766</td>

                <td>97%</td>

                <td>Cbse</td>

            </tr>

        </tbody>

    </table>

</body>

</html>

In the HTML table example above.

  • <table> – एचटीएमएल टेबल टैग एलिमेंट टेबल स्टार्ट और एन्ड टैग को दर्शाता है।
  • <caption> – एचटीएमएल कैप्शन टैग एलिमेंट टेबल के लिए एक कैप्शन प्रदर्शित करता है।
  • <thead> – एचटीएमएल thead टैग का उपयोग टेबल में हेडर रौस को ग्रुप करने के लिए किया जाता है, और <tbody> टेबल टैग का उपयोग टेबल डेटा रौस को ग्रुप करने के लिए किया जाता है।
  • <th> – एचटीएमएल टेबल हैडिंग टैग एलिमेंट टेबल में हेडर सेल प्रदर्शित करते हैं।
  • <td> – एचटीएमएल टेबल डाटा टैग एलिमेंट टेबल एम्प्टी डेटा सेल प्रदर्शित करते हैं।
  • Css – एचटीएमएल टेबल में सीएसएस स्टाइल्स का उपयोग टेबल में बेसिक फोर्मत्टिंग्स लागू करने के लिए किया जाता है. जैसे, टेबल बॉर्डर, टेबल बैकग्राउंड कलर और टेबल टेक्स्ट एलाइनमेंट आगि इफ़ेक्ट के लिए।
Rate this post

Related posts

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

Similar Posts

Leave a Comment

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

Scroll to Top