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

Tạo trang web có nội dung là thông tin về Công ty Hoa tươi Nhân Á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ổ: Ký tự đặc biệt, chèn hình ảnh, tạo danh sách và liên kết
2 Nội dung trang web Sử dụng các tag định dạng và các thuộc tính định dạng để tạo trang web:
  • Định dạng như hình trên
  • Khi nhấn chuột vào dòng ”Hiep Si It ...” : Mở trang web của hiepsiit
– https://hiepsiit.com/

Mã nguồn HTML 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Công ty Hoa tươi Nhân Ái</title>
</head>
<style>
	#img{float: left; width: 300px; height: 800px}
	#text{float: right}
	#pink{background-color: hotpink; font-weight: bold; color: white}
</style>
<body>
	<h1 style="color: hotpink; text-align: center">Công ty Hoa tươi Nhân Ái</h1>
	<div id="img">
		<img src="./img/hoa.jpg">
	</div>
	<div id"text">
		<div>
			<span id="pink">1. Giới thiệu</span>
			<ul>
				<li>Thành lập: 25/05/2007</li>
				<li>Chuyên cung cấp hoa tươi</li>
				<li>Có trên 20 cửa hàng bán hoa tại TPHCM</li>
				<li>Nhận kết giỏ hoa theo yêu cầu của khách hàng</li>
			</ul>
			<span>-----------------------------------------------------</span>
			<br/>
		</div>
		<div>
			<span id="pink">2. Liên hệ</span>
			<ul>
				<li>Diện thoại: 84-08-8351056</li>
				<li>Địa chỉ: <i>227 Nguyễn Văn Cừ, Quận 5, TP HCM</i></li>
			</ul>
			<br/>
		</div>
		<div style="background-color: pink; margin-left: 20%">@copyright: <a href="https://hiepsiit.com">Hiệp sĩ IT</a></div>
	</div>
</body>
</html>

Xem ví dụ