10 Table in HTML 4-11-22

Comments tags
साधारण Hindi भाषा में कहे तो जब हम बहुत कठिन HTML कोड करते हैं तो उस section को समझने के
लिए हम वहाां पर comments लिख दे ते हैं जजस से कोड को समझना आसान हो जाता हैं ।
या यठद आपको कोई कोड अभी उपयोग नह ां करना हैं ओर उस कोड की आपको बाद में जरुरत पड़ती हैं
और आप उस HTML कोड को Hide करके रखना चाहते हो जजस से वो ब्राउज़र पर बबिकुि भी ठदखाई
(show) न हो तब आप उस कोड को comment कर सकते हैं जजससे वह कोड ब्राउज़र पर नह ठदखेगा
और बाद में जब भी आपको जरुरत हो आप comment हटा कर उस कोड का उपयोग कर सकते हैं ।
Comments का उपयोगे HTML कोड को छिपाने जजससे वह ब्राउज़र पर रन नह ां होता या HTML कोड
section का instructions लिखने जजस से कोड को समझना आसान हो जाता ।
के अांदर लिखा जाता ।
HTML comments tags का उदाहरण
<!DOCTYPE html>
<html>
<head>

<title> Example Home Page </title>
</head>

<body>
<p> This is a simple paragraph for body content.... </p>
</body>
</html>
चलिए उद्धरण से समझते हैं की ककस तरह से HTML में कोड िाइन को comment ककया जाता हैं ।
उपर ठदए गए example में हमने कई िाइनों को comment ककया हैं ओर जब हम रन (run) करते हैं तो
कमें ट की गयी िाइने ब्राउज़र पर display नह ां होती हैं ।
इस उदाहरण में हमने केवि single िाइन को comment करना लसखा हैं परन्तु यठद हमने multiple िाइन
को comment करना पड़े तब हम multiple िाइन comment process का उपयोग करते हैं ।
HTML multiple line comments –

HTML पेज बनाने में ककतने भी िाइन का कोड लिखा जा सकता हैं यठद आपको कुि िाइन को
comment करना हैं की ये ब्राउज़र पर ना ठदखे तब आप इन्ह tags  का उपयोग कुि इस प्रकार
कर सकते हैं ।
<!DOCTYPE html>
<html>
<head>

<title> HTML comment tag Example</title>
</head>
<body>

<p> We are learning HTML multiple-line comments ... </p>
</body>
</html>
उपर ठदए गए उदाहरण में हमने कई िाइनों को comment ककया हैं जब हम HTML पेज को रन करते हैं
तब ये िाइन ब्राउज़र पर शो(show, display) नह होती हैं ।
इसे हम HTML multiple िाइन comment प्रोसेस कहते हैं ।
Structure of an HTML Table

Table तीन elements का use करके बनती है । Rows, columns और cell
Rows – आड़ी रे खाओ से बने खाने को हम table मे row कहते है । दो और दो से ज्यादा आड़ी रे खाओ से
row का छनमााण होता है ।
Columns – Table मे खड़े खाने को हम column कहते है । दो और दो से ज्यादा खड़ी रे खाओ से row का
छनमााण होता है ।
Cell – जब rows and columns टकराते है तब cell का छनमााण होता है ।
Defining an HTML Table

HTML table को बनाने के लिए <table> tag का इस्तेमाि ककया जाता है ।
HTML table मे rows को define करने के लिए <tr> (Table Row element)का इस्तेमाि होता है ।
HTML table मे headings को define करने के लिए <th> tag (header cell )का इस्तेमाि होता है । HTML
Table मे headings by default bold और middle मे होते है ।
इसमे table cell को define करने के लिए <td> tag (Table Data Cell element)का इस्तेमाि होता है ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<p>Table tag in HTML </p>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
HTML Table Border

HTML मे Table border के लिए border attribute का इस्तेमाि होता है । इसके अिावा आप border color
को भी set कर सकते है । इसके लिए आपको bordercolor attribute का इस्तेमाि करना पड़ता है ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table border="1" bordercolor="red">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
Cellspacing Attribute
दो cell के बीच के space को cellspacing कहते है । cellspacing की by default value “2” होती है । अगर
cellspacing=”0″ होता है तो दो cell के बीच मे कोई भी space नह ां होता है ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table border="1" cellspacing="0">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
Cellpadding Attribute
border और data cell के बीच के अांतर को cellpadding कहते है । By default इसकी value “1” होती है ।
<!DOCTYPE html>
<html>
<body>
<table border="1" cellpadding="5">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
Rowspan Attribute
rowspan Attribute दो और दो से ज्यादा rows को merge कर दे ता है ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table border="1">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td rowspan="2">milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
colspan Attribute
colspan Attribute दो और दो से ज्यादा columns को merge कर दे ता है ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table border="1">
<tr>
<th colspan="2">name</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
Adding a Caption
Table को caption दे ने के लिए <caption> tag का इस्तेमाि होता है । By default यह middle मे होता है ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table border="1">
<caption>Table Data</caption>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
width and height Attribute

Table के size को बदिने के लिए width and height attribute का इस्तेमाि होता है। इसके लिए हम style
attribute का भी इस्तेमाि कर सकते है ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table border="1" width="400" height="300">

<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>
Background Color
Background Color के लिए <bgcolor> attribute का इस्तेमाि होता है । bgcolor attribute को HTML 5 से
हटा ठदया गया है । इसलिए आप bgcolor के बजाय style attribute का इस्तेमाि करे ।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<table border="1" bgcolor="yellow">

<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>milan</td>
<td>shah</td>
<td>29</td>
</tr>
<tr>
<td>prakash</td>
<td>pandit</td>
<td>32</td>
</tr>
<tr>
<td>mukund</td>
<td>parekh</td>
<td>38</td>
</tr>
</table>
</body>
</html>

10 Table in HTML 4-11-22

Uploaded by

Copyright:

Available Formats

You might also like

10 Table in HTML 4-11-22

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

10 Table in HTML 4-11-22

Uploaded by

Copyright:

Available Formats

Comments tags

के अांदर लिखा जाता ।

HTML comments tags का उदाहरण

<title> Example Home Page </title>

<p> This is a simple paragraph for body content.... </p>

</body>

HTML multiple line comments –

<title> HTML comment tag Example</title>

<p> We are writing the text for multiple lines example.</p>

<h3> You can comment multiple line code in HTML </h3>

<p> We are learning HTML multiple-line comments ... </p>

इसे हम HTML multiple िाइन comment प्रोसेस कहते हैं ।

Structure of an HTML Table

Cell – जब rows and columns टकराते है तब cell का छनमााण होता है ।

Defining an HTML Table

<p>Table tag in HTML </p>

HTML Table Border

<p>Table tag in HTML </p>

<table border="1" bordercolor="red">

<p>Table tag in HTML </p>

<table border="1" cellspacing="0">

<p>Table tag in HTML </p>

<table border="1" cellpadding="5">

<p>Table tag in HTML </p>

<p>Table tag in HTML </p>

<p>Table tag in HTML </p>

width and height Attribute

<p>Table tag in HTML </p>

<table border="1" width="400" height="300">

<p>Table tag in HTML </p>

<table border="1" bgcolor="yellow">

You might also like