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

HTML colspan विशेषता

<घंटा/>

एलिमेंट के कोलस्पैन एट्रिब्यूट का इस्तेमाल हेडर सेल में कॉलम की संख्या सेट करने के लिए किया जाता है।

निम्नलिखित वाक्य रचना है -

<th colspan="num">

ऊपर, num उन स्तंभों की संख्या है जो एक हेडर सेल को फैलाना चाहिए।

आइए अब तत्व की colspan विशेषता को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
   border: 2px solid green;
}
</style>
</head>
<body>
<h2>Product Expenses</h2>
<table>
   <tr>
      <th colspan="2">Expenses</th>
   </tr>
   <tr>
      <td>Product Development</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Marketing</td>
      <td>500000</td>
   </tr>
   <tr>
      <td>Services</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Support</td>
      <td>100000</td>
   </tr>
   <tr>
      <td>Maintenance</td>
      <td>100000</td>
   </tr>
   <tr>
      <td colspan="2">Total Budget = INR 1300000</td>
   </tr>
</table>
</body>
</html>

आउटपुट

HTML  th  colspan विशेषता

उपरोक्त उदाहरण में, हमने हेडर सेल को फैलाने के लिए कॉलम काउंट सेट किया है -

<th colspan="2">Expenses</th>

गिनती 2 है, इसलिए हेडर सेल में दो कॉलम होंगे।


  1. HTML छिपी हुई विशेषता

    HTML छिपी विशेषता का उपयोग उपयोगकर्ता को यह बताने के लिए किया जाता है कि छिपी विशेषता वाला तत्व अब दस्तावेज़ के लिए प्रासंगिक नहीं है और उपयोगकर्ता को दिखाई नहीं देना चाहिए। आइए छुपा . का एक उदाहरण देखें विशेषता - उदाहरण <!DOCTYPE html> <html> <head> <title>HTML hidden attr

  1. एचटीएमएल लैंग विशेषता

    HTML lang विशेषता HTML तत्व की सामग्री की भाषा को परिभाषित करती है। यह एक वैश्विक विशेषता है जिसका अर्थ है कि इसका उपयोग किसी भी HTML तत्व पर किया जा सकता है। सिंटैक्स निम्नलिखित वाक्य रचना है - यहाँ, मान ISO भाषा कोड को दर्शाता है। आइए HTML lang Attribute का एक उदाहरण देखें - उदाहरण शरीर { रंग

  1. HTML आरक्षित विशेषता

    HTML आरक्षित विशेषता परिभाषित करती है कि ol . में सूची क्रम HTML तत्व HTML दस्तावेज़ में अवरोही होना चाहिए। सिंटैक्स निम्नलिखित वाक्य रचना है - <ol reserved></ol> आइए हम HTML आरक्षित विशेषता का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <style>    body