Ngôn ngữ HTML - Bài thực hành 4

Tạo trang web có nội dung là bài viết về Lâu đài gỗ ở Pattaya, có định dạng trang web.

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ổ: Sử dụng các tag cơ bản  
2 Nội dung trang web

Sử dụng các tag và thuộc tính của tag để định dạng trang web:

  • Định dạng chung:
    • Nền: Tô đầy trang bằng hình ảnh
    • Chữ: Màu xanh ve chai đậm
  • Dòng dầu tiên: Khổ chữ lớn và canh giữa
Đọan văn bản thứ hai: nền màu xanh ve chai, chữ trắng in đậm và nghiêng

 

 

 

 

#008888 

#339999,#FFFFFF

Mã nguồn HTML 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lâu đài gỗ ở Pattaya</title>
</head>

<body style="background-image: url('./img/hoa.jpg')">
	<h1 style="font-weight: bold; color: green; text-align: center">Lâu đài gỗ ở Pattaya</h1>
	<div>
		<p style="background-color: green; color: white"><i>Nằm trên một doi đất nhỏ ở phía Bắc bờ biển Pattaya, tòa lâu đài Prasat Sajjatham, tạm dịch là “Ngôi đền chân lý” (The Sanctuary of Truth) không những là một phiên bản hoàn hảo của nghệ thuật kiến trúc cổ mà còn là một minh chứng cho sự sáng tạo của nền nghệ thuật hiện đại Thái Lan.</i></p>
		<p style="color: green"><i>Lâu đài Sajjatham được khởi công vào ngày 13-8-1981, xuất phát từ ý tưởng của một nhà tỷ phú Thái Lan – ông Lek Viriyaphan, chủ nhân Công ty Mô tô Thonburi và Công ty Bảo hiểm Viriya.</i></p>
		<p style="color: green"><i>“Ngôi đền chân lý” có chiều cao 105m, chiều dài 100m, diện tích bên trong lâu đài là 2.115m2, còn diện tích toàn bộ khu vực là 12,8ha. Nó được phân thành 4 cánh (chái) hướng ra 4 phía, mỗi cánh được thiết kế theo một kiểu kiến trúc khác nhau. Một cánh làm ta nhớ đến kiểu kiến trúc hoành tráng của Angkor Wat, trong khi một cánh khác được thiết kế theo “mô típ” Trung Hoa.</i></p>
	</div>
</body>
</html>

 Xem ví dụ