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

Tạo trang web có nội dung là bài viết về Thượng Hải, được định dạng theo nhiều hình thức

Yêu cầu thiết kế

STT Đối tượng Yêu cầu
1 Trang web Tiêu đề cửa sổ: Định dạng văn bản
2 Nội dung trang web

Sử dụng các tag định dạng văn bản và các thuộc tính định dạng để tạo trang web:

Định dạng như hình trên

  1. Đọan văn đầu: canh lề trái
  2. Dòng Bến Thượng Hải: canh lề phải, size=20px
  3. Đọan văn cuối: canh lề phải

Mã nguồn HTML 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TƯƠNG LAI CỦA TRUNG HOA HIỆN ĐẠI</title>
</head>
<style>
	#chucai{font-size: 50px; font-weight: bold; color: red}	
	#red{color: red;}
	#yello{background-color: yellow}
</style>
<body>
	<div style="border: double #FF7E00; text-align: center; color: #FF7E00">
		<h1 >THƯỢNG HẢI<br/>
	  TƯƠNG LAI CỦA TRUNG HOA HIỆN ĐẠI</h1>
	</div>
	<div>
		<span><span id="chucai">K</span>hông thể so sánh với Bắc Kinh, Tây An về chiều sâu hay bề dầy lịch sửm Thượng Hải hấp dẩn du lịch ở khía cạch khash: <b><u>điểm nóng nhất cuat Trung Hoa hiện đại</u></b></span>
		<br>
		<br/>
</div>
	<div style="background-color: orange; text-align: right; color: white; font-weight: bold;font-size:20px">Bến Thượng Hải</div>
	<br/><br/>
	<div align="right">
		<span><span id="chucai">L</span>à sự kết hợp một cách hài hòa kì lạ giữ <span id="red">Liverpool</span> và <span id="red">Mahatta</span> những năm 1920, con phos ấn tượng ở Thượng Hải là Trung Sơn lô, người phươn Tây quen gọi là <span id="yello"><i>Bund</i></span> còn người Việt gọi là <span id="yello"><i>Bến Thượng Hải</i></span>. Xưa kia, đây chính là trung tâm náo nhiệt nhất của Thượng Hải, là khu tô giới bị tranh chấp dữ dội nhất của ba nước Anh, Nhật, Mỹ. Một bên là sông Hoàng Phố, bên kia là những công trình kiến trúc theo lối Tây phương - cũng chính là trung tâm kinh tế đầu não của thành phố này.</span>
		<br/>
	</div>
</body>
</html>

Xem ví dụ