HTML Examples 51 to 100

हेल्लो दोस्तों ! आपको पिछले पोस्ट में html में क्या होता है कैसे काम करता है सब कुछ बताया जा चूका है और HTML codes के एक्साम्प्ले पोस्ट में दिया गया है आज इस पोस्ट में आपको फिर से 51 से 100 html program के बारे में बताया जायेगा तो चलिए शुरू करते है

42.a HTML TABLE

<!DOCTYPE html>
<html>
<head>
<title>html table</title>
</head>
<body>
<table border="1">
<tr>
<th>Name</th>
<th>Math</th>
<th>physics</th>
<th>chemistry</th>
</tr>
<tr>
<td>Javed</td>
<td>44</td>
<td>34</td>
<td>17</td>
</tr>
<tr>
<td>Vinay</td>
<td>45</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>prabhat</td>
<td>45</td>
<td>23</td>
<td>34</td>
</tr>
<tr>
<td>ashwani</td>
<td>49</td>
<td>32</td>
<td>11</td>
</tr>
</table>
</body>
</html>

b. HTML table width

<!DOCTYPE html>
<html>
<head>
<title>html table</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<th>Name</th>
<th>Math</th>
<th>physics</th>
<th>chemistry</th>
</tr>
<tr>
<td>Javed</td>
<td>44</td>
<td>34</td>
<td>17</td>
</tr>
<tr>
<td>Vinay</td>
<td>45</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>prabhat</td>
<td>45</td>
<td>23</td>
<td>34</td>
</tr>
<tr>
<td>ashwani</td>
<td>49</td>
<td>32</td>
<td>11</td>
</tr>
</table>
</body>
</html>

c.HTML Height

<!DOCTYPE html>
<html>
<head>
<title>html table</title>
</head>
<body>
<table border="1" width="100%" height="500px">
<tr>
<th>Name</th>
<th>Math</th>
<th>physics</th>
<th>chemistry</th>
</tr>
<tr>
<td>Javed</td>
<td>44</td>
<td>34</td>
<td>17</td>
</tr>
<tr>
<td>Vinay</td>
<td>45</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>prabhat</td>
<td>45</td>
<td>23</td>
<td>34</td>
</tr>
<tr>
<td>ashwani</td>
<td>49</td>
<td>32</td>
<td>11</td>
</tr>
</table>
</body>
</html>

d.HTML Table Cellspacing

<!DOCTYPE html>
<html>
<head>
<title>html table</title>
</head>
<body>
<table border="1" width="100%"  cellspacing="20px">
<tr>
<th>Name</th>
<th>Math</th>
<th>physics</th>
<th>chemistry</th>
</tr>
<tr>
<td>Javed</td>
<td>44</td>
<td>34</td>
<td>17</td>
</tr>
<tr>
<td>Vinay</td>
<td>45</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>prabhat</td>
<td>45</td>
<td>23</td>
<td>34</td>
</tr>
<tr>
<td>ashwani</td>
<td>49</td>
<td>32</td>
<td>11</td>
</tr>
</table>
</body>
</html>

इसे भी देखे

HTML Program 1 to 50 Examples

e.HTML Cellpadding

<!DOCTYPE html>
<html>
<head>
<title>html table</title>
</head>
<body>
<table border="1" width="100" cellpadding="20px">
<tr>
<th>Name</th>
<th>Math</th>
<th>physics</th>
<th>chemistry</th>
</tr>
<tr>
<td>Javed</td>
<td>44</td>
<td>34</td>
<td>17</td>
</tr>
<tr>
<td>Vinay</td>
<td>45</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>prabhat</td>
<td>45</td>
<td>23</td>
<td>34</td>
</tr>
<tr>
<td>ashwani</td>
<td>49</td>
<td>32</td>
<td>11</td>
</tr>
</table>
</body>
</html>

f. HTML rowspan

<!DOCTYPE html>
<html>
<head>
<title>html table</title>
</head>
<body>
<table border="1" width="100%" cellpadding="20px">
<tr>
<th>Name</th>
<th>Math</th>
<th>physics</th>
<th>chemistry</th>
</tr>
<tr>
<td>Javed</td>
<td rowspan="2">44</td>
<td>34</td>
<td>17</td>
</tr>
<tr>
<td>Vinay</td>
<td>45</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>prabhat</td>
<td>45</td>
<td>23</td>
<td>34</td>
</tr>
<tr>
<td>ashwani</td>
<td>49</td>
<td>32</td>
<td>11</td>
</tr>
</table>
</body>
</html>

g.HTML Table caption

<!DOCTYPE html>
<html>
<head>
<title>html table</title>
</head>
<body>
<table border="1" width="100%" cellpadding="20px">
<caption>Student Subject Masks</caption>
<tr>
<th>Name</th>
<th>Math</th>
<th>physics</th>
<th>chemistry</th>
</tr>
<tr>
<td>Javed</td>
<td>44</td>
<td>34</td>
<td>17</td>
</tr>
<tr>
<td>Vinay</td>
<td>45</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td>prabhat</td>
<td>45</td>
<td>23</td>
<td>34</td>
</tr>
<tr>
<td>ashwani</td>
<td>49</td>
<td>32</td>
<td>11</td>
</tr>
</table>
</body>
</html>

h.HTML Table rules row

<!DOCTYPE html>
<html> 
<head> 
<title>html table</title> 
</head> 
<body> 
<table border="1" width="100%" cellpadding="20px"> 
<caption>Student Subject Masks</caption> 
<tr> 
<th>Name</th> 
<th>Math</th> 
<th>physics</th> 
<th>chemistry</th> 
</tr> 
<tr> 
<td>Javed</td> 
<td>44</td> 
<td>34</td> 
<td>17</td> 
</tr> 
<tr> 
<td>Vinay</td> 
<td>45</td> 
<td>32</td> 
<td>33</td> 
</tr> 
<tr> 
<td>prabhat</td> 
<td>45</td> 
<td>23</td> 
<td>34</td> 
</tr> 
<tr> 
<td>ashwani</td> 
<td>49</td> 
<td>32</td> 
<td>11</td> 
</tr> 
</table> 
</body> 
</html>

i.HTML Table rule cols

<!DOCTYPE html>
<html>
<head>
<title>html table rules cols</title>
</head>
<body>
<table rules="cols">
<tr>
<th>Name</th>
<th>age</th>
<th>mark</th>
</tr>
<tr>
<td>YUGAL</td>
<td>44</td>
<td>34</td>
</tr>
<tr>
<td>Deepak</td>
<td>35</td>
<td>45</td>
</tr>
</table>
</body>
</html>

j.HTML Table rules all

<!DOCTYPE html>
<html> 
<head> 
<title>html table</title> 
</head> 
<body> 
<table border="1" width="100%" cellpadding="20px"> 
<caption>Student Subject Masks</caption> 
<tr> 
<th>Name</th> 
<th>Math</th> 
<th>physics</th> 
<th>chemistry</th> 
</tr> 
<tr> 
<td>Javed</td> 
<td>44</td> 
<td>34</td> 
<td>17</td> 
</tr> 
<tr> 
<td>Vinay</td> 
<td>45</td> 
<td>32</td> 
<td>33</td> 
</tr> 
<tr> 
<td>prabhat</td> 
<td>45</td> 
<td>23</td> 
<td>34</td> 
</tr> 
<tr> 
<td>ashwani</td> 
<td>49</td> 
<td>32</td> 
<td>11</td> 
</tr> 
</table> 
</body> 
</html>

43

अगर आपको पता न हो तो हम आपको बता दे की दिए दे हटमल कोड में आपको पूरी कोड को जाँच करके लिखा गया है इस हटमल कोड को आपको कोई भी एरर नहीं देखने को मिलेगा लेकिन जब भी वेबसाइट पर अपलोड किया जाता है तो कोड में आपके ” इन सभी दिए गए सिंबल में कोई भी एरर आ सकता है तो आप ध्यान रखे की अगर आता है तो आप केवल जो जो सिंबल उपर दिखाया गया है उसे आप रेमोवे करके दुबारा से लिखना पड़े गा तभी आपका प्रोग्राम किसी भी ब्रोवेर पर अच्छी सी वेब्पगे शो होगा

reference-https://www.bitdegree.org/learn/html-example

html link

निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic(HTML codes) अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये अगर कोई topic से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे

Leave a Comment