Bài tập HTML

BÀI TẬP THỰC HÀNH THIẾT KẾ WEB
Yêu cầu chung
Tạo cây thư mục có cấu trúc như sau, lưu giữ các tập tin HTM vào thư mục HTML
Nội dung văn bản sử dụng bảng mã Unicode
Mỗi thư mục sẽ lưu 1 loạI tập tin. Lưu giữ bài tập để sử dụng về sau.

BÀI TẬP 01
Sử dụng trình soạn thảo Webuilder soạn thảo nội dung sau lưu vào thư mục HTML
Đặt tên là: Wellcome
Save as type: HTML
Encoding: UTF-8









BÀI TẬP 02 (Lưu tập tin tên Tho duyen.html)
Yêu cầu:
Có nộI dung thanh tiêu đề, định dạng đậm, nghiêng, gạch chân
Có phân cách các đoạn, xuống dòng cho mỗi câu thơ
BÀI TẬP 03 (Lưu tập tin tên: ChisoTrenduoi.htm)
Yêu cầu: Dòng 1 cỡ chữ 4 in đậm

Hướng dẫn:
Tạo chỉ số Trên/Dưới
^{Văn bản} : ( Tạo chỉ số trên cho văn bản.
_{Văn bản} : ( Tạo chỉ số dưới cho văn bản.



BÀI TẬP 04
Ký tự đặc biệt (Lưu tập tin tên: Kyhieudacbiet.html)
Ký tự
Mã tên
Ký tự
Mã tên
Mã số

©
&Copy;
“
&Quote;
"

TM
&Trade;
Khoảng trắng
�
�

®
&Reg;




Các ký hiệu sử dụng mã tên hay mã code
Các đường kẽ ngang không bóng, kích thước 100%/50% cửa sổ
Có màu đỏ cho các ký tự đặc biệt.
Màu nền tùy ý, tất cả văn bản không bị rớt dòng.






BÀI TẬP 05: (Lưu tập tin tên: Hieuungvb.html)
Tạo hiệu ưng chuyển động cho các dòng văn bản trên trang:
Lặp liên tục từ trái sang phảI, chữ đỏ, cỡ 4
Loại hiệu ứng đến viền trang hiệu ứng chuyển động ngược lại (Alternate).

Hướng dẫn:
HIỆU ỨNG CHUYỂN ĐỘNG CHỮ
Behavior=“Hiệu ứng” Direction=“Hướng”
Loop=n1 ScrollAmount=n2
ScrollDelay=n3 BgColor=“Trị màu”>
Chuỗi ký tự

Trong đó:
Hiệu ứng:
+Scroll:Bắt đầu từ 1 cạnh biến mất ở cạnh kia
+Slide:Bắt đầu từ 1 cạnh dừng lại ở cạnh kia
+Alternate:Bắt đầu từ 1 cạnh chuyển ngược lại ở cạnh kia
Huớng: Left, Right, Center Hướng bắt đầu
n1: Số lần lặp
n2: Khoảng cách(Pixel) giữa mỗi lần lặp
n3: Thời gian chờ giữa mỗi lần lặp.

BÀI TẬP 06: (Lưu tập tin tên: danhSach1.html)
Dòng đầu cỡ tiêu đề H3, màu đỏ
Các dòng nộI dung dạng DS không đánh số thứ tự. Màu xanh.
Dòng cuốI có sử dụng văn bản dạng chú thích, có màu khác các màu còn lại



BÀI TẬP 07: (Lưu tập tin tên: danhSach2.htm)
Dòng đầu cở tiêu đề H3, Đỏ
Các dòng nội dung dạng DS có đánh số thứ tự, màu xanh.(Màu nền tuỳ ý.)





BÀI TẬP 08: (Lưu tập tin tên: ChuongTrinhDTWeb.htm)
Thiết kế dạng danh sách có đánh số thứ tự lồng nhau. Đường kẽ ngang không bóng 30% cửa sổ.




BÀI TẬP 09: (Lưu tập tin tên: DanhSach3.htm)
Thiết kế dạng danh sách định nghĩa. Màu chữ tùy ý. Có ảnh nền Lưu trong thư mục Images.








BÀI TẬP 10: (Lưu tập tin tên: Image.htm)
Thiết kế theo mẫu: Trên ảnh 1 có câu chú thích “Hacker phá máy”. Có ảnh nền (Ảnh được lưu trong thư mục Images của Site)



BÀI TẬP 11
(Lưu tập tin tên: ChuongTrinhDaoTao.html)
Yêu cầu:
Thiết kế nội dung theo mẫu
Tại mục 2 tạo liên kết thực hiện mở 1 trang ChuongTrinhDTWeb.html (Cùng cửa sổ)
Học phần I, II, III thực hiện tạo liên kết đấn từng học phần tương ứng trong cung trang hiện tại.


BÀI TẬP 12: (Lưu tập tin tên: DanhBa.html)
Yêu cầu: Tạo liện kết đến các Website lần lượt theo trình tự:
www.vnexpress.net
www.tuoitre.com.vn
www.nhacso.net
www.ngoisao.net
www.echip.com.vn
www.vietnamnet.vn
Mở cửa sổ hộp thư cho phép soan gởI thư đến: [email protected]