#2 Bài 1: Giới thiệu tổng quan về quy tắc viết HTML
Bài 1: Tạo trang web có nội dung là Bài tập sử dụng các tag cơ bản
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sử dụng các tag cơ bản</title>
</head>
<body>
<h1 style="text-align: center;">Bài 01: Sử dụng các tag cơ bản</h1>
<h2 style="text-decoration: underline;">Yêu cầu</h2>
<p style="font-weight: bold">Thiết kế trang web có nội dung như sau</p>
<p style="text-align: center;">Lập trình Web <br>Chào mừng các bạn đén với ngôn ngữ HTML</p>
</body>
</html>
Bài tập 2: 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ký tự đặc biệt, chèn hình ảnh, tạo danh sách và liên kết</title>
</head>
<body>
<h2 style="color: rgb(230, 87, 182); text-align: center;">Công ty Hoa tươi Nhân Ái</h2>
<div id="content" style="display: inline-block">
<div id="column-left" style="text-align: left; float: left; display: block;">
<img src="hoa-hong.jpg" width="200" height="250">
</div>
<div id ="column-right" style="text-align: left; float: left;">
<ol>
<li><b style="background-color: rgb(230, 87, 182); color: white;">Giới thiệu </b>
<ul style="list-style-type: square;">
<li>Thành lập ngày 25/05/2007</li>
<li>Chuyên cung cấp các loại hoa tươi</li>
<li>Có trên 20 cửa hàng bán lẻ tại TP.HCM</li>
<li>Nhận kết giỏ hoa theo yêu cầu của khách hàng</li>
</ul>
</li>
<hr>
<li><b style="background-color: rgb(230, 87, 182); color: white;">Liên hệ  </b>
<ul>
<li>Điệ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>
</li>
</ol>
</div>
</div>
<br><br>
<div id="footer">
<a href="https://www.bkacad.com/" style="font-weight: bold; background-color: rgb(245, 192, 238); text-decoration: underline;">©Copyright: <span style="color: blue;"> Trung Tâm Tin Học - Đại học Khoa Học Tự Nhiên TP.HCM </span></a>
</div>
</body>
</html>
Bài 3: Tạo trang thực đơn
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul style="list-style-type: square; background-color: #DEF0FA;">
<li><a href="">Bai 01 - Các tag cơ bản</a></li>
<li><a href="">Bai 02 - Các tag cơ bản, có định dạng</a></li>
<li><a href="">Bai 03 - Định dạng trang web</a></li>
<li><a href="">Bai 04 - Định dạng trang web(tt)</a></li>
<li><a href="">Bai 05 - Định dang văn bản</a></li>
<li><a href="">Bai 06 - Định dạng văn bản(tt)</a></li>
<li><a href="">Bai 07 - Hình ảnh, liên kết, danh sách và ký tự đặc biệt</a></li>
<li><a href="">Bai 08 - Tạo bảng</a></li>
<li><a href="">Bai 09 - Tạo bảng, có trộn dòng và cột</a></li>
<li><a href="">Bai 10 - Tạo bảng, có trộn dòng và (tt))</a></li>
<li><a href="">Bai 11 - Tạo form và các điều khiện</a></li>
<li><a href="">Bai 11 - Tạo form và các điều khiện(tt)</a></li>
<li><a href="">Bai 11 - Tạo form và các điều khiện(tt)</a></li>
</ul>
</body>
</html>
Nhận xét
Đăng nhận xét