By GokiSoft.com| 19:19 13/10/2023|
Học HTML5 - CSS3

Bài tập ôn luyện Table - Lập trình HTML/CSS/JS BT1989

Liên kết rút gọn:

https://gokisoft.com/1989

Bình luận

avatar
Tùng Dương
2023-10-13 13:13:48

https://github.com/phihoangtungduong/html/tree/master/Lesson2


avatar
hohuy1610@gmail.com [community,C2108L]
2021-11-17 09:05:36

https://github.com/.../C2108L.../tree/master/day-4/bt1989

avatar
Dương Văn Hoàng [community]
2021-11-16 04:33:18

https://github.com/hoangtran03/Aptech/tree/main/bt1989

avatar
Cao Tuấn Minh [community,C2010L]
2021-03-08 00:28:23



<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Airplane Comparison</title>
    <style>
        th, td {
            height: 40px;
        }
    </style>
</head>
<body>
    <table border="1" style="text-align: center; border-spacing: 2px;">
        <caption>Airplane Comparison</caption>
        <thead>
            <tr>
                <th rowspan="2"></th>
                <th rowspan="2">Laserjet 45 Super</th>
                <th style="height: 20px;" colspan="2">Airbus</th>
                <th style="height: 20px;" colspan="3">Boeing</th>
            </tr>
            <tr>
                <th>A321</th>
                <th>A320</th>
                <th>737-400</th>
                <th>737-600</th>
                <th>747-600</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>CO<sub>2</sub> Emisson Rate <br>(kg/km)</th>
                <td>1.766</td>
                <td>9.074</td>
                <td>9.149</td>
                <td>9.360</td>
                <td>7.214</td>
                <td>30.368</td>
            </tr>
            <tr>
                <th>Total CO<sub>2</sub> Emission <br>(1000 km)</th>
                <td>1766</td>
                <td>9074</td>
                <td>9149</td>
                <td>9360</td>
                <td>7214</td>
                <td>30368</td>
            </tr>
            <tr>
                <th>Flight Passenger <br>Capacity (max)</th>
                <td>9</td>
                <td>189</td>
                <td>150</td>
                <td>168</td>
                <td>145</td>
                <td>409</td>
            </tr>
            <tr>
                <th>Number of Passenger<br> (70%)</th>
                <td>6</td>
                <td>132</td>
                <td>105</td>
                <td>118</td>
                <td>102</td>
                <td>286</td>
            </tr>
        </tbody>
    </table>
</body>
</html>


avatar
Cao Tuấn Minh [community,C2010L]
2021-03-08 00:28:03



<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WritePad Editor</title>
</head>
<body>
    <h1>WritePad Editor</h1>
    <div>WritePad is an editor application that allows you to create Web pages easily and quickly.</div><br>
    <div>Steps to open WritePad application:</div>
	<ol style="list-style-type: lower-roman;">
		<li>Click <b>Start</b></li>
		<li>Click <b>Program</b></li> 
		<li>Click <b>WritePad</b></li> 
    </ol>
    <div>Advantages of using a WritePad editor:</div>
    <ul style="list-style: square;">
        <li>It allows faster creation of Web pages.</li>
        <li>It allows easier updation of text or images in WritePad editor.</li>
        <li>It is platform independent.</li>
    </ul>
</body>
</html>


avatar
Trần Việt Đức Anh [C2010L]
2021-02-04 16:16:30



<!DOCTYPE html>
<html>
<head>
	<title>Airplane Comparison</title>
	<style>
		body {
			text-align: center;
		}
	</style>
</head>
<body>

<table border="1" style="margin: 5px auto; border: solid #dad9d9 1px; margin-top: 20px;">
	<caption>Airplane Comparison</caption>
	<thead>
		<tr>
			<th rowspan="2"></th>
			<th rowspan="2">Laserjet 45 <br>Super</th>
			<th colspan="2">Airbus</th>
			<th colspan="3">Boeing</th>
		</tr>
		<tr>
			<th>A321</th>
			<th>A320</th>
			<th> 737 - <br>400 </th>
			<th> 737 - <br>600 </th>
			<th> 747 - <br>400 </th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<td><b>CO<sub>2</sub> Emission Rate <br>(kg/km)</b></td>
			<td>1.766</td>
			<td>9.074</td>
			<td>9.149</td>
			<td>9.360</td>
			<td>7.214</td>
			<td>30.638</td>
		</tr>

		<tr>
			<td><b>Total CO<sub>2</sub> Emission<br>(1000 km)</b></td>
			<td>1766</td>
			<td>9074</td>
			<td>9149</td>
			<td>9360</td>
			<td>7214</td>
			<td>30638</td>

		</tr>

		<tr>
			<td><b>Flight Passenger <br> Capacity (max)</b></td>
			<td>9</td>
			<td>189</td>
			<td>150</td>
			<td>168</td>
			<td>145</td>
			<td>409</td>
		</tr>

		<tr>
			<td><b>Number of Passenger <br>(70%)</b></td>
			<td>6</td>
			<td>132</td>
			<td>105</td>
			<td>118</td>
			<td>102</td>
			<td>286</td>
		</tr>
	</tbody>
	</table> 
</body>
</html>


avatar
Phạm Đăng Khoa [community,C2010L]
2021-01-30 14:18:31


#b1.html


<!DOCTYPE html>
<html>
<head>
	<title>WritePad Editor</title>
	<meta charset="utf-8">
</head>
<body>
	<h1>WritePad Editor</h1>
	<p>WritePad is an editor application that allows you to create Web pages easily and quickly.</p>
	<p>Steps to open WritePad application:</p>
	<ol type="I">
		<li>Click <b>Start</b></li>
		<li>Click <b>Program</b></li>
		<li>Click <b>Writepad</b></li>
	</ol>
	<p>Advantages of using a WritePad editor:</p>
	<p>&#8718; Its allows faster creation of Web pages</p>
	<p>&#8718; Its allows easier updation of text or images in WritePad editor. </p>
	<p>&#8718; Its is platform independent.</p>

	<p>Disvantages of using a WritePad editor:</p>
	<p>&#8718; Its consumes more memory space.</p>
	<p>&#8718; Its requires to fill-in more details such as meta data for each page.</p>

</body>
</html>


#bai2.html


<!DOCTYPE html>
<html>
<head>
	<title>Airplane Comparison</title>
	<meta charset="utf-8">
</head>
<body>
	<p style="margin-left: 200px;"> Airplane Comparison</p>
	<table border="1">
		<tr>
			<th rowspan="2"></th>
			<th rowspan="2"> Laserjet 45 Super</th>
			<th colspan="2">Airbus</th>
			<th colspan="3">Boeing</th>
		</tr>
		<tr>
			<th>A321</th>
			<th>A320</th>
			<th>737-<br>400</th>
			<th>737-<br>600</th>
			<th>747-<br>400</th>
		</tr>
		<tr>
			<th>CO2 Emission Rate<br>(kg/km)</th>
			<th>1.766</th>
			<th>9.074</th>
			<th>9.149</th>
			<th>9.360</th>
			<th>7.214</th>
			<th>30.638</th>
		</tr>
		<tr>
			<th>Total CO2 Emission<br>(1000km)</th>
			<th>1766</th>
			<th>9074</th>
			<th>9149</th>
			<th>9360</th>
			<th>7214</th>
			<th>30638</th>
		</tr>
		<tr>
			<th>Flight Passenger<br> Capacity (max)(kg/km)</th>
			<th>9</th>
			<th>189</th>
			<th>150</th>
			<th>168</th>
			<th>145</th>
			<th>409</th>
		</tr>
		<tr>
			<th>Number of Passenger<br>(70%)</th>
			<th>6</th>
			<th>132</th>
			<th>105</th>
			<th>118</th>
			<th>102</th>
			<th>289</th>
		</tr>
		
	</table>
</body>
</html>


avatar
Đào Mạnh Dũng [community,C2010L]
2021-01-30 14:14:05



<html>
<head>
	<title>WritePad Editor</title>
	<meta charset="utf-8">
</head>
<body>

 	<h1>WritePad Editor</h1> 


	<p>WritePad is an editor application that allows you to create Web pages easily and quickly.</p>

	<p>Step to open WritePad application:</p>

		 <ol style="list-style-type: lower-roman;">

		 	<li>Click <b>Start</b></li>
		 	<li>Click <b>Program</b></li>
		 	<li>Click <b>WritePad</b></li>
		</ol>


	<p>Advantages of using a WritePad editor</p>

		<ul style="list-style-type: square;">

		 	<li>It allows faster creation of Web pages</li>
		 	<li>It allows easier updation of text or images in WhitePad editor</li>
		 	<li>It is platform independen</li>

		 </ul>
		
	<p>Disavantage of using a WritePad editor</p>
		
		<ul style="list-style-type: square;">

		 	<li>It consumes more memory space</li>
		 	<li>It require to fill more details such as meta data for each page</li>

		 </ul>


</body>
</html>



<!DOCTYPE html>
<html>
<style type="text/css">
	td{text-align : center;}
</style>
<head>
	<title>bài 2</title>
</head>
<body>

	<p style="text-align: center">Airplane Comparison</p>

	  
			<table width="50%" border="1" cellpadding="3" cellspacing="3">
			 
		<tr>
			<th rowspan="2"></th>
			<th rowspan="2">Laserjet 45 Super</th>
			<th colspan="2">Airbus</th>
			<th colspan="3">Boeing</th>
		</tr>

		<tr>
			<th>A321</th>
			<th>A320</th>
			<th>737-400</th>
			<th>737-600</th>
			<th>747-600</th>
		</tr>
		<tr>
			<th>CO<sub>2</sub> Emission Rate (kg/km)</th>
			<td>1.766</td>
			<td>9.074</td>
			<td>9.360</td>
			<td>9.360</td>
			<td>7.214</td>
			<td>30.638</td>
		</tr>
		<tr>
			<th>Total CO<sub>2</sub> Emission (1000 km)</th>
			<td >1766</td>
			<td>9074</td>
			<td>9149</td>
			<td>9360</td>
			<td>7214</td>
			<td>30638</td>
		</tr>
		<tr>
			<th>Fight Passenger Capacity (max)</th>
			<td >9</td>
			<td>189</td>
			<td>150</td>
			<td>168</td>
			<td>145</td>
			<td>409</td>
		</tr>
		<tr>
			<th>Number of Passenger (70%)</th>
			<td>6</td>
			<td>132</td>
			<td>105</td>
			<td>118</td>
			<td>102</td>
			<td>286</td>
		</tr>


	</table>
		</center>

</body>
</html>


avatar
Chu Quốc Việt [community,C2010L]
2021-01-30 14:13:37



<!DOCTYPE html>
<html>
<head>
	<title>Airplane Comparison</title>
	<style>
		table,th,td{
			border: 1px solid black;
			border-collapse: collapse;
		}
	</style>
</head>
<body>
<table>
	<p style="margin-left: 200px">Airplane Comparison</p>
	<tr>
		<th rowspan="2"></th>
		<th rowspan="2">Laserjet 45<br> Super</th>
		<th colspan="2">Airbus</th>
		<th colspan="3">Boeing</th>
		
	</tr>
		<tr>
		
		
		<th>A321</th>
		<th>A320</th>
		<th>737-400</th>
		<th>737-600</th>
		<th>747-400</th>
	</tr>
<tr>
		
		<th align="center"><b>CO<small>2</small>Emission Rate<br>(kg/km)</b></th>
		<th>1.766</th>
		<th>9.074</th>
		<th>9.149</th>
		<th>9.360</th>
		<th>7.214</th>
		<th>30.638</th>
	</tr>
	<tr>
		
		<th align="center">Total CO<small>2</small> Emission<br>(1000km)</th>
		<th>1766</th>
		<th>9074</th>
		<th>9149</th>
		<th>9360</th>
		<th>7214</th>
		<th>30638</th>
	</tr>
	<tr>
		
		<th align="center">Flight Passenger <br>Capacity(max)</th>
		<th>9</th>
		<th>189</th>
		<th>150</th>
		<th>168</th>
		<th>145</th>
		<th>409</th>
	</tr>
	<tr>
		
		<th align="center">Number of Passenger<br>(70%)</th>
		<th>6</th>
		<th>132</th>
		<th>105</th>
		<th>118</th>
		<th>102</th>
		<th>286</th>
	</tr>
</table>
</body>
</html>


avatar
Chu Quốc Việt [community,C2010L]
2021-01-30 14:03:51



<!DOCTYPE html>
<html>
<head>
	<title>WritePad Editor</title>

</head>
<body>
	<h2>WritePad Editor</h2><br/>
	<p>WritePad is an editor application that allows you create Web pages easily and quickly.<br><br>Steps to open WritePad application:</p>
<ol type="i">
	<li>click to <b>Start</b></li>
	<li>click to <b>Program</b></li>
	<li>click to <b>WritePad</b></li>
</ol>
	<p>Advantages of using a WritePad editor:</p>
	<p>&#8718; It allows faster creation of Wed pages.</p>
	<p>&#8718; It allows easier updation of text or images in WritePaf editor.</p>
	<p>&#8718; It is platform independent.</p>
	<p>Disadvanteges of using a WritePad editor:</p>
	<p>&#8718; It consumer more memmory space.</p>
	<p>&#8718; It requires to fill-in more details such as meta data for each page.</p>
</body>
</html>