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

Tags:

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

nguyen hoang viet [community,C2009I]
Vũ Trung Kiên [C2009I]
Vũ Trung Kiên

2020-12-09 13:34:46


#bai2.html


<!DOCTYPE html>
<html>
<head>
	<title>Airplane Comparison</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<table border="1" style="border-color: #d7d7d7" cellpadding="5">
		<caption>
			Airplane Comparison
		</caption>
		<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>
				727-
				<br/>
				400
			</th>
			<th>
				737-
				<br/>
				600
			</th>
			<th>
				747-
				<br/>
				400
			</th>
		</tr>
		<tr>
			<th>
				CO<sub>2</sub> Emission 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.628
			</td>
		</tr>
		<tr>
			<th>
				Total CO<sub>2</sub> Emission
				<br/>
				(1000km)
			</th>
			<td>
				1766
			</td>
			<td>
				9074
			</td>
			<td>
				9149
			</td>
			<td>
				9360	
			</td>
			<td>
				7214
			</td>
			<td>
				30628
			</td>
		</tr>
		<tr>
			<th>
				Flight Pasenger
				<br/>
				Capacity 
			</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>
	</table>
</body>
</html>


#style.css


td
{
	text-align: center;
}


silentvoice [C2009I]
silentvoice

2020-12-09 11:46:05

https://phamngoclong.herokuapp.com/baitaplab4/table/bai1.html

https://phamngoclong.herokuapp.com/baitaplab4/table/bai2.html

Vũ Trung Kiên [C2009I]
Vũ Trung Kiên

2020-12-09 09:31:58


#bai1.html


<!DOCTYPE html>
<html>
<head>
	<title>WritePad Editor</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<b class="head">WritePad Editor</b>
	<br/>
	<br/>
	WritePad is an editor application that allows you to create Web pages easily.
	<br/>
	<br/>
	Steps to open WritePad application:
	<br/>
	<ol style="list-style-type: lower-roman;">
		<li>
			Click <b>Start</b>
		</li>
		<li>
			Click <b>Programs</b>
		</li>
		<li>
			Click <b>WrirtePad</b>
		</li>
	</ol>
	Advantages of using a WritePad editor:
	<br/>
	<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 WritePad editor.
		</li>
		<li>
			It is platform independent.
		</li>
	</ul>
	Disadvantages of using a WritePad editor:
	<ul style="list-style-type: square;">
		<li>
			It consumes more memory space.
		</li>
		<li>
			It requires to fill-in more detail sush as meta data for each page.
		</li>
	</ul>
</body>
</html>


#style.css


.head
{
	font-size: 40px;
}


Pham Tuan Anh [community,C2009I]
Pham Tuan Anh

2020-12-08 10:21:24


#airplane.html


<!DOCTYPE html>
<html>
<head>
	<title>Airplane Comparison</title>
	<meta charset="utf-8">
</head>
<body>
	<table border="1" cellpadding="2" style="border-color: #e3dae3">
	<caption>	
		Airplane Comparison
	</caption>
		<thead>
			<tr>
				<th rowspan="2"></th>
				<th rowspan="2">Laserjet 45 Super</th>
				<th colspan="2">Airbus</th>
				<th colspan="3">Boeing</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td style="text-align: center;"><b>CO<sub>2</sub> Emission Rate<br>(kg/km)</b></td>
				<td style="text-align: center;">1.766</td>
				<td style="text-align: center;"><b>A321</b></td>
				<td style="text-align: center;"><b>A320</b></td>
				<td style="text-align: center;"><b>737-<br>400</b></td>
				<td style="text-align: center;"><b>737-<br>600</b></td>
				<td style="text-align: center;"><b>747-<br>400</b></td>
			</tr>
			<tr>
				<td style="text-align: center;"><b>Total CO<sub>2</sub> Emission<br>(1000km)</b></td>
				<td style="text-align: center;">1766</td>
				<td style="text-align: center;">9.074</td>
				<td style="text-align: center;">9.149</td>
				<td style="text-align: center;">9.360</td>
				<td style="text-align: center;">7.214</td>
				<td style="text-align: center;">30.638</td>
			</tr>
			<tr>
				<td style="text-align: center;"><b>Flight Pasenger<br>Capacity (max)</b></td>
				<td style="text-align: center;">9</td>
				<td style="text-align: center;">189</td>
				<td style="text-align: center;">150</td>
				<td style="text-align: center;">168</td>
				<td style="text-align: center;">145</td>
				<td style="text-align: center;">409</td>
			</tr>
			<tr>
				<td style="text-align: center;"><b>Number of Passenger <br>(70%)</b></td>
				<td style="text-align: center;">6</td>
				<td style="text-align: center;">132</td>
				<td style="text-align: center;">105</td>
				<td style="text-align: center;">118</td>
				<td style="text-align: center;">102</td>
				<td style="text-align: center;">286</td>

			</tr>
		</tbody>
		


	</table>

</body>
</html>


#Registration.html


<!DOCTYPE html>
<html>
<head>
	<title>Registration Form - Job Seekers</title>
	<meta charset="utf-8">
</head>
<body>
	<h2>Registration Form - Job Seekers</h2>
	<form method="post">
		<label>Login Name:</label>
	</form>
		





	</thead>

</body>
</html>


Pham Tuan Anh [community,C2009I]
Pham Tuan Anh

2020-12-08 10:20:02


#airplane.html


<!DOCTYPE html>
<html>
<head>
	<title>Airplane Comparison</title>
	<meta charset="utf-8">
</head>
<body>
	<table border="1" cellpadding="2" style="border-color: #e3dae3">
	<caption>	
		Airplane Comparison
	</caption>
		<thead>
			<tr>
				<th rowspan="2"></th>
				<th rowspan="2">Laserjet 45 Super</th>
				<th colspan="2">Airbus</th>
				<th colspan="3">Boeing</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td style="text-align: center;"><b>CO<sub>2</sub> Emission Rate<br>(kg/km)</b></td>
				<td style="text-align: center;">1.766</td>
				<td style="text-align: center;"><b>A321</b></td>
				<td style="text-align: center;"><b>A320</b></td>
				<td style="text-align: center;"><b>737-<br>400</b></td>
				<td style="text-align: center;"><b>737-<br>600</b></td>
				<td style="text-align: center;"><b>747-<br>400</b></td>
			</tr>
			<tr>
				<td style="text-align: center;"><b>Total CO<sub>2</sub> Emission<br>(1000km)</b></td>
				<td style="text-align: center;">1766</td>
				<td style="text-align: center;">9.074</td>
				<td style="text-align: center;">9.149</td>
				<td style="text-align: center;">9.360</td>
				<td style="text-align: center;">7.214</td>
				<td style="text-align: center;">30.638</td>
			</tr>
			<tr>
				<td style="text-align: center;"><b>Flight Pasenger<br>Capacity (max)</b></td>
				<td style="text-align: center;">9</td>
				<td style="text-align: center;">189</td>
				<td style="text-align: center;">150</td>
				<td style="text-align: center;">168</td>
				<td style="text-align: center;">145</td>
				<td style="text-align: center;">409</td>
			</tr>
			<tr>
				<td style="text-align: center;"><b>Number of Passenger <br>(70%)</b></td>
				<td style="text-align: center;">6</td>
				<td style="text-align: center;">132</td>
				<td style="text-align: center;">105</td>
				<td style="text-align: center;">118</td>
				<td style="text-align: center;">102</td>
				<td style="text-align: center;">286</td>

			</tr>
		</tbody>
		


	</table>

</body>
</html>


#Registration.html


<!DOCTYPE html>
<html>
<head>
	<title>Registration Form - Job Seekers</title>
	<meta charset="utf-8">
</head>
<body>
	<h2>Registration Form - Job Seekers</h2>
	<form method="post">
		<label>Login Name:</label>
	</form>
		





	</thead>

</body>
</html>


Trinh Huy Hung [community,C2009I]
Đặng Trần Nhật Minh [T2008A]
Đặng Trần Nhật Minh

2020-11-01 12:17:31



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


Nguyễn đình quân [T2008A]
Nguyễn đình quân

2020-10-26 09:18:48



<!DOCTYPE html>
<html>
<head>
	<title>WritePad Editor</title>
	<meta charset="utf-8">
</head>
<body>
<h2><b>WritePad Editor</b></h2><br/>
WritePad is an editor application that allows you to create Web pages easily and quickly.<br/>
Steps to open WritePad application:
<ul><ol type="i">
	<li> Click <b>Start</b></li>
	<li> Click <b>Programs</b></li>
	<li> Click <b>WritePad</b></li>
	<ol/>
</ul>
Advantages of using a WritePad editor:
<ul type ="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>
Disadvantages of using a WritePad editor:
<ul type = "square">
	<li>It consumes more memory space</li>
	<li>It requires to fill-in more details such as meta date for each page</li>
</ul>

</body>
</html>

<table border ="1">
	<caption style = "text-align: center">Airplane Comparison</caption>
	<tr>
		<td rowspan="2"></td>
		<td rowspan="2">Laserjet 45 Super</td>
		<td colspan="2">Airbus</td>
		<td colspan="3">Boeing</td>

	</tr>
	<tr>
		<td>A321</td>
		<td>A320</td>
		<td>737-400</td>
		<td>737-600</td>
		<td>737-400</td>
	</tr>
	<tr>
		<td>CO2 Emission Rate (kg/km)</td>
		<td>1.766</td>
		<td>9.074</td>
		<td>9.149</td>
		<td>9.360</td>
		<td>7.214</td>
		<td>30.683</td>
	</tr>
	<tr>
		<td>Total CO2 Emission (1000 km)</td>
		<td>1766</td>
		<td>9074</td>
		<td>9149</td>
		<td>9360</td>
		<td>7214</td>
		<td>30638</td>

	</tr>
	<tr>
		<td>9</td>
		<td>189</td>
		<td>150</td>
		<td>168</td>
		<td>145</td>
		<td>409</td>
	</tr>
	<tr>
		<td>Number of Passenger (70%)</td>
		<td>6</td>
		<td>132</td>
		<td>105</td>
		<td>118</td>
		<td>102</td>
		<td>286</td>
	</tr>

	
</table>


Trần Thị Khánh Huyền [T2008A]
Trần Thị Khánh Huyền

2020-10-19 12:41:18


#1989.html


<!DOCTYPE html>
<html>
<head>
	<title>WritePad Editor</title>
	<meta charset="utf-8">
</head>
<body>
<h2><b>WritePad Editor</b></h2><br/>
WritePad is an editor application that allows you to create Web pages easily and quickly.<br/>
Steps to open WritePad application:
<ul><ol type="i">
	<li> Click <b>Start</b></li>
	<li> Click <b>Programs</b></li>
	<li> Click <b>WritePad</b></li>
	<ol/>
</ul>
Advantages of using a WritePad editor:
<ul type ="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>
Disadvantages of using a WritePad editor:
<ul type = "square">
	<li>It consumes more memory space</li>
	<li>It requires to fill-in more details such as meta date for each page</li>
</ul>

</body>
</html>

<table border ="1">
	<caption style = "text-align: center">Airplane Comparison</caption>
	<tr>
		<td rowspan="2"></td>
		<td rowspan="2">Laserjet 45 Super</td>
		<td colspan="2">Airbus</td>
		<td colspan="3">Boeing</td>

	</tr>
	<tr>
		<td>A321</td>
		<td>A320</td>
		<td>737-400</td>
		<td>737-600</td>
		<td>737-400</td>
	</tr>
	<tr>
		<td>CO2 Emission Rate (kg/km)</td>
		<td>1.766</td>
		<td>9.074</td>
		<td>9.149</td>
		<td>9.360</td>
		<td>7.214</td>
		<td>30.683</td>
	</tr>
	<tr>
		<td>Total CO2 Emission (1000 km)</td>
		<td>1766</td>
		<td>9074</td>
		<td>9149</td>
		<td>9360</td>
		<td>7214</td>
		<td>30638</td>

	</tr>
	<tr>
		<td>9</td>
		<td>189</td>
		<td>150</td>
		<td>168</td>
		<td>145</td>
		<td>409</td>
	</tr>
	<tr>
		<td>Number of Passenger (70%)</td>
		<td>6</td>
		<td>132</td>
		<td>105</td>
		<td>118</td>
		<td>102</td>
		<td>286</td>
	</tr>

	
</table>