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)

hieuvm0512 [community,C2010L]
hieuvm0512

2021-01-30 14:01:47



<!DOCTYPE html>
<html>
<head>
	<title>Airplane Comparison</title>
	<meta charset="utf-8">
</head>
<style>
	table,th,td{
		border: 1px solid black;

	}
</style>
<body>
	<table>
		<caption>Airplane Comparison</caption>
<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-400</th>
</tr>
<tr>
<th>CO<small>2</small> Emission Rate</br>(kg/km)</th>
<td align="center">1.766</td>
<td align="center">9.074</td>
<td align="center">9.149</td>
<td align="center">9.360</td>
<td align="center">7.214</td>
<td align="center">30.638</td>
</tr>
<tr>
<th>Total CO<small>2</small> Emission</br>(1000 km)</th>
<td align="center">1766</td>
<td align="center">9074</td>
<td align="center">9149</td>
<td align="center">9360</td>
<td align="center">7214</td>
<td align="center">30638</td>
</tr>
<tr>
<th>Flight Passenger</br>Capacity (max)</th>
<td align="center">9</td>
<td align="center">189</td>
<td align="center">150</td>
<td align="center">168</td>
<td align="center">145</td>
<td align="center">409</td>
</tr>
<tr>
<th>Number of Passenger</br>(70%)</th>
<td align="center">6</td>
<td align="center">132</td>
<td align="center">105</td>
<td align="center">118</td>
<td align="center">102</td>
<td align="center">286</td>
</tr>


</body>
</html>


hieuvm0512 [community,C2010L]
hieuvm0512

2021-01-30 14:01:35



<!DOCTYPE html>
<html>
<head>
	<title>WritePad Editor</title>
	<h2>WritePad Editor</h2>
</head>
<body>
	<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> Programs</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 WritePad editor.</li>
    	<li>It is platform independent.</li>
    </ul>
    <p>Disadvantages of using a WritePad editor:</p>
    <ul style="list-style-type: square;">
    	<li>It consumes more memory space.</li>
    	<li>It requires to fill-in more details such as meta data for each page.</li>
    </ul>
</body>
</html>


Nguyễn Đông Dương [community,C2010L]
Nguyễn Đông Dương

2021-01-30 13:52:28

https://github.com/natulium/baitap2.git

Nguyễn Minh Hiếu [community,C2010L]
Nguyễn Minh Hiếu

2021-01-30 13:44:59



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bài 2</title>
</head>
<body>
    <table border="1" style="background-color: rgb(245, 238, 238);border: solid 1px;">
        <caption align="top">Airplane Compatison</Airplane></caption>
        <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-400</th>
        </tr>
        <tr>
            <th></td>CO<sub>2</sub> Emission Rate(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.638</td>
        </tr>
        <tr>
            <th>Total CO<sub>2</sub>Emission(1000km)</th>
            <td>1766</td>
            <td>9074</td>
            <td>9149</td>
            <td>9360</td>
            <td>7214</td>
            <td>30638</td>
        </tr>
        <tr>
            <th>Flight 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>
</body>
</html>


Nguyễn Minh Hiếu [community,C2010L]
Nguyễn Minh Hiếu

2021-01-30 13:13:10


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="index.css">
    <title>Bài 1</title>
</head>
<body>
    <h2>WritePad Editor</h2>
    <p>WritePad is an editor application that allows you to
        create Web pages easily and quickly.
    </p>
    <ul id="roman">
        <li>Click <b>Start</b></li>
        <li>Click <b>Programs</b></li>
        <li>Click <b>WritePad</b></li>
    </ul>
    <p>Advantages of using a WritePad editor:</p>
    <ul id="square">
        <li>It allows faster creation of Web pages</li>
        <li>It allows easier updation of text or images in WritePad</li>
        <li>It is platform independent</li>
    </ul>
    <p>Disadvantages of using a WritePad</p>
    <ul id="square">
        <li>It consumes more memory space</li>
        <li>It requires to fill-in more details such as meta data for each page</li>
    </ul>
</body>
</html>



#roman{
    list-style-type: lower-roman;
}
#square{
    list-style-type: square;
}


Pham Tuan Anh [community,C2009I]
Pham Tuan Anh

2020-12-15 08:16:52


#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>


#writepad.html


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

</body>
</html>


Lê Sĩ Tuyển [community,C2009I]
Lê Trọng Nghĩa [community,C2009I]
Lê Trọng Nghĩa

2020-12-10 06:50:10

<!DOCTYPE html>

<html>

<head>

<title>Airplane Comparison</title>

</head>

<body>

<table border="01" style="border-color: #D7D7D7">

<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>737<br>-400</th>

<th>733<br>-600</th>

<th>747<br>-400</th>

<tr>

<td><b>CO<sub>2</sub>Emission Rate<br><center>(kg/km)</center></b></td>

<td><center>1,766</center></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><center>(1000 km)</center></b></td>

<td><center>1766</center></td>

<td>9074</td>

<td>9149</td>

<td>9360</td>

<td>7214</td>

<td>30638</td>

</tr>

<tr>

<td><b>Filght Passenger<br><center>Capacity(max)</center></b></td>

<td><center>9</center></td>

<td><center>189</center></td>

<td><center>150</center></td>

<td><center>168</center></td>

<td><center>145</center></td>

<td><center>409</center></td>

</tr>

<tr>

<td><b>Number of Passenger<br><center>(70%)</center></b></td>

<td><center>6</center></td>

<td><center>132</center></td>

<td><center>105</center></td>

<td><center>118</center></td>

<td><center>102</center></td>

<td><center>286</center></td>

</tr>

</table>

</body>

</html>

Lê Trọng Nghĩa [community,C2009I]
Lê Trọng Nghĩa

2020-12-10 06:49:41

<!DOCTYPE html>

<html>

<head>

<title>WritePad Editor</title>

</head>

<body>

<h1>WritePad Editor</h1>


WritePad is an edior application that allows you to create Wed pageseasily and quickly.<br>

<br>

Steps to open WritePad application:<br>

<br>

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

<li>Click <b>Start</b></li>

<li>Click <b>Programs</b></li>

<li>Click <b>WritePad</b></li>

</ol>

Advantages of using a WritePad editor:<br>

<br>

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

<li>It allows faster creation of Wed pages.</li>

<li>It allows easier updation of text or images in WritePad editor.</li>

<li>It is platform independent.</li>

</ul>

Disadvantades of using a WritePad editor:

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

<li>It consumes more memory spase.</li>

<li>It requires to fill-in more details such as meta data for each page.</li>

</ul>

</body>

</html>

Nguyễn Hải Đăng [community,C2009I]
Nguyễn Hải Đăng

2020-12-09 18:46:05

https://newlevel06.herokuapp.com/Day%204/Ex1.html

https://newlevel06.herokuapp.com/Day%204/Ex2.html