Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल टैग

<घंटा/>

टैग किसी तालिका में एक या एक से अधिक स्तंभों का समूह होता है। यह सभी स्तंभों के लिए शैली निर्धारित करता है।

टैग की विशेषता निम्नलिखित है -

  • अवधि − कॉलम समूह को जितने कॉलम का विस्तार करना चाहिए, वह स्पैन एट्रिब्यूट के साथ सेट किया गया है

उदाहरण

आइए अब टैग -

. को लागू करने के लिए एक उदाहरण देखें
<!DOCTYPE html>
<html>
<head>
<style>
   table, th, td {
      border: 2px solid black;
   }
</style>
</head>
<body>
<h2>Result</h2>
<table>
   <colgroup>
      <col span="3" style="background-color:gray;">
      <col style="background-color:orange;">
   </colgroup>
   <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Percentage</th>
      <th>Rank</th>
   </tr>
   <tr>
      <td>009</td>
      <td>Tom</td>
      <td>98</td>
      <td>1</td>
   </tr>
   <tr>
      <td>011</td>
      <td>Kieron</td>
      <td>97</td>
      <td>2</td>
   </tr>
   <tr>
      <td>039</td>
      <td>Gayle</td>
      <td>95</td>
      <td>3</td>
   </tr>
   <tr>
      <td>017</td>
      <td>Shaun</td>
      <td>92</td>
      <td>4</td>
   </tr>
   <tr>
      <td>009</td>
      <td>Kane</td>
      <td>91</td>
      <td>5</td>
   </tr>
   <tr>
      <td>025</td>
      <td>Steve</td>
      <td>87</td>
      <td>6</td>
   </tr>
   <tr>
      <td>013</td>
      <td>Jack</td>
      <td>85</td>
      <td>7</td>
   </tr>
   <tr>
      <td>023</td>
      <td>Tim</td>
      <td>84</td>
      <td>8</td>
   </tr>
</table>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल  colgroup 
 टैग

उपरोक्त उदाहरण में, हमने एक से अधिक कॉलम के लिए शैली निर्धारित की है -

<colgroup>
<col span="3" style="background-color:gray;">
<col style="background-color:orange;">
</colgroup>

हमने एलीमेंट -

. में ऊपर के पहले 3 कॉलम के लिए ग्रे बैकग्राउंड कलर स्टाइल सेट किया है
<col span="3" style="background-color:gray;">

शेष कॉलम नारंगी पृष्ठभूमि रंग शैली पर सेट हैं -

<col style="background-color:orange;">

  1. एचटीएमएल <dl> टैग

    HTML में dl तत्व का उपयोग विवरण सूची को परिभाषित करने के लिए किया जाता है। HTML5 में, का उपयोग विवरण सूची को परिभाषित करने के लिए किया जाता है, जबकि HTML4 परिभाषित परिभाषा सूची में। आइए अब टैग - . को लागू करने के लिए एक उदाहरण देखें उदाहरण खेल फुटबॉल यह 200 से अधिक देशों में 250 मिलियन खिलाड़ियो

  1. एचटीएमएल <केंद्र> टैग

    HTML में सेंटर टैग का इस्तेमाल टेक्स्ट को सेंटर अलाइन करने के लिए किया जाता है। नोट : टैग HTML5 में समर्थित नहीं है। CSS उपयोग का सुझाव दिया गया है। आइए अब HTML में सेंटर टैग को लागू करने के लिए एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <head> <style> table, th, td {

  1. HTML <th> colspan विशेषता

    एलिमेंट के कोलस्पैन एट्रिब्यूट का इस्तेमाल हेडर सेल में कॉलम की संख्या सेट करने के लिए किया जाता है। निम्नलिखित वाक्य रचना है - <th colspan="num"> ऊपर, num उन स्तंभों की संख्या है जो एक हेडर सेल को फैलाना चाहिए। आइए अब तत्व की colspan विशेषता को लागू करने के लिए एक उदाहरण देखें -