Ngôn ngữ HTML - Trang Tạo bảng, trộn dòng và cột

Tạo trang web có nội dung là chương trình học của ngành Lập trình.

Yêu cầu thiết kế

STT Đối tượng Yêu cầu Hằng số màu
1 Trang web Tiêu đề  cửa sổ: Tạo bảng, trộn dòng và cột  
2 Nội dung trang web Font chữ là Tahoma và có kích thước là 12px
  • Bảng biểu: gồm 11 dòng và 4 cột
  • Dòng tiêu đề: nền màu đỏ bầm, chữ trắng
  • Trình bày bảng biểu như hỉnh trên

 

#CC0033;#FFFFFF

Mã nguồn HTML 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Chương trình học - ngành lập trình</title>
</head>

<body>
	<h1 style="color: red; font-size: 30px; text-align: center">Chương trình học - ngành lập trình</h1>
	<div>
		<table width="470" border="1"  align="center" cellpadding="0" cellspacing="0" style="font-family: tahoma; font-size: 12px;border-color: orange; text-align: center">
  <tbody>
    <tr style="background-color: red; color: white">
      <td width="144" rowspan="2">Nhóm học phần</td>
      <td width="151" rowspan="2">Môn học</td>
      <td colspan="2">Số tiết</td>
      </tr>
    <tr style="background-color: red; color: white">
      <td width="37">Lý thuyết</td>
      <td width="110">Thực hành</td>
    </tr>
    <tr>
      <td rowspan="6"><p style="color: red">I<br/>Tin học văn phòng</p></td>
      <td>Hệ điều hành windows</td>
      <td>3</td>
      <td>5</td>
    </tr>
    <tr>
      <td>Sử dụng Internet</td>
      <td>3</td>
      <td>5</td>
    </tr>
    <tr>
      <td>Soạn thảo văn bản</td>
      <td>24</td>
      <td>40</td>
    </tr>
    <tr>
      <td>Tạo baì trình duyển</td>
      <td>9</td>
      <td>15</td>
    </tr>
    <tr>
      <td>Xử lí số liệu</td>
      <td>24</td>
      <td>40</td>
    </tr>
    <tr>
      <td>Tạo trang web</td>
      <td>9</td>
      <td>15</td>
    </tr>
    <tr>
      <td rowspan="2"><p style="color: red">II<br/>Kỹ thuật lập trinh (VB.NET)</p></td>
      <td>Nhập môn lập trình</td>
      <td>36</td>
      <td>60</td>
    </tr>
    <tr>
      <td>Kỹ thuật lập trình</td>
      <td>36</td>
      <td>60</td>
    </tr>
    <tr>
      <td colspan="4">............</td>
      </tr>
  </tbody>
</table>

	</div>
</body>
</html>

Xem ví dụ