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