1. HÀNH HTML Bài 1.01: Tạo trang web có nội dung là Bài tập sử dụng các tag cơ bản Yêu cầu thiết kế: Stt Đối tượng Yêu cầu Hằng số màu 1 Trang web - Tiêu đề cửa sổ: Sử dụng các tag cơ bản 2 Nội dung trang web - Sử dụng các tag cơ bản để tạo trang web trên, trong đó: Dòng đầu tiên: Canh giữa Đọan văn bản ”Lập trình web ... ngôn ngữ HTML”: Canh giữa Hướng dẫn giải: Stt Đối tượng Hướng dẫn cài đặt 1 Trang web - Sử dụng tag 2 Nội dung trang web - Dòng 1: Tag
và thuộc tính (t.t) align để canh giữa - Dòng 2: Tag
và t.t style(text-decoration) để gạch dưới - Dòng 3: Tag
hoặc
và t.t style(font-weight) để in đậm - Đọan văn bản ”Lập trình web ... ngôn ngữ HTML” : Tag
hoặc
và t.t align để canh giữa, tag để xuống dòng
2. trang web có nội dung là Bài tập sử dụng các tag cơ bản, có tô màu cho các đoạn văn bản Yêu cầu thiết kế: Stt Đối tượng Yêu cầu Hằng số màu 1 Trang web - Tiêu đề cửa sổ: Sử dụng các tag cơ bản 2 Nội dung trang web Sử dụng các tag cơ bản và thuộc tính của các tag để định dạng: - Dòng dầu tiên: canh giữa, màu xanh lá mạ - Dòng 2: màu xanh dương - Dòng 4 - tựa đề ”MẸ!”: chữ đậm có màu hồng đậm và nền màu hồng nhạt - 3 đọan thơ: in nghiêng, có 3 màu chữ khác nhau - Mỗi đọan cách nhau bởi 1 cây thước ngang - Tòan bộ bài thơ có màu nền là màu vàng nhạt.
006600
0000FF
FF3399,
FECFFD
FFFFCC
3. Đối tượng Yêu cầu 1 Trang web - Sử dụng tag 2 Nội dung trang web - Dòng 1: Tag
và t.t align, style(color) để canh giữa và tô màu chữ - Dòng 2: Tag
và t.t style(text-decoration;color) để gạch dưới và tô màu chữ - Dòng 3: Tag
hoặc
và t.t style(font-weight) để in đậm - Dòng 4 - tựa đề ”MẸ!”: Tag
và t.t align, style(background-color; color; font-weight) để tô màu nền, màu chữ và in đậm - 3 đọan thơ: Tag
và t.t align, style(font-style; background-color; color) để canh giữa, in nghiêng, tô màu nền, màu chữ; Tag đề xuống dòng - Cây thước ngang: Tag và t.t width xác định độ rộng của cây thước. Bài 1.03: Tạo trang web có nội dung là bài viết về Vạn Lý Trường Thành, có định dạng trang web.
4. kế: Stt Đối tượng Yêu cầu Hằng số màu 1 Trang web - Tiêu đề cửa sổ: Định dạng trang web 2 Nội dung trang web Sử dụng các tag và thuộc tính của tag để định dạng trang web: - Định dạng chung: Nền: Màu nâu đất Chữ: Màu trắng Hình nền: Đặt giữa trang và không di chuyển khi cuộn trang. - Dòng dầu tiên: Canh giữa, màu vàng đậm
A06D21
FFFFFF
FFCC00 Hướng dẫn giải: Stt Đối tượng Hướng dẫn cài đặt 1 Trang web - Sử dụng tag 2 Nội dung trang web - Định dạng chung: Tag và t.t style( background-color; color; background-image; background-position; background-repeat ) để định dạng màu nền, màu chữ, hình nền và vị trí hình nền - Dòng dầu tiên: Tag
và t.t align, style(color) để canh giữa và tô màu chữ Bài 1.04: Tạo trang web có nội dung là bài viết về Lâu đài gỗ ở Pattaya, có định dạng trang web
5. kế: Stt Đối tượng Yêu cầu Hằng số màu 1 Trang web - Tiêu đề cửa sổ: Định dạng trang web 2 Nội dung trang web Sử dụng các tag và thuộc tính của tag để định dạng trang web: - Định dạng chung: Nền: Tô đầy trang bằng hình ảnh Chữ: Màu xanh ve chai đậm - Dòng dầu tiên: Khổ chữ lớn và canh giữa - Đọan văn bản thứ hai: nền màu xanh ve chai, chữ trắng in đậm và nghiêng
008888
339999,
FFFFFF Hướng dẫn giải: Stt Đối tượng Hướng dẫn cài đặt 1 Trang web - Sử dụng tag 2 Nội dung trang web - Định dạng chung: Tag và t.t style(color; background-image; background-repeat; background-attachment ) để định dạng màu chữ, hình nền - Dòng dầu tiên: Tag
và t.t align đề canh giữa - Đọan văn bản thứ hai: Tag
và t.t style(background-color; color; font-weight; font-style) Bài 1.05: Tạo trang web có nội dung được định dạng theo nhiều hình thức.
6. kế: Stt Đối tượng Yêu cầu Hằng số mà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 để tạo trang web: - Định dạng như hình trên - Dạng công thức hóa học và biểu thức phương trình bậc hai, có chữ màu đỏ - Đọan code vòng lặp For: chữ màu xanh dương đậm, nền màu xám, có định dạng canh lề
FF0000
0000CC,
CCCCCC Hướng dẫn giải: Stt Đối tượng Hướng dẫn cài đặt 1 Trang web - Sử dụng tag 2 Nội dung trang web - Dòng dầu tiên: Tag
và t.t align để canh giữa - Dùng tag , để định dạng các cụm từ in đậm và gạch dưới - Dùng tag để định dạng các cụm từ in nghiêng - Dùng tag và t.t color để tô màu chữ đỏ cho các công thức hóa học và phương trình - Dùng tag và đề in các công thức hóa học và phương trình - Dùng tag
để canh lề cho vòng lặp for và t.t style(background- color; color) để tô màu nền và màu chữ.
7. 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 Hằng số mà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 - Đọan văn đầu: canh lề trái - Dòng Bến Thượng Hải: canh lề phải, size=20px - Đọan văn cuối: canh lề phải Hướng dẫn giải: Stt Đối tượng Hướng dẫn cài đặt 1 Trang web - Sử dụng tag 2 Nội dung trang web - Tiêu đề: Tag
và t.t align, style (color; border) - Đọan văn đầu: Tag và t.t face, size, color - ”Điểm nóng nhất của Trung Hoa hiện đại” : Tag và - Dòng Bến Thượng Hải: Tag
và t.t align, style (background- color;color;font-weight;font-size) - Đọan cuối: Tag
và t.t align, tag và t.t face, size, color, style(background-color), tag ,
8. 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 Hằng số mà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 ”Trung Tâm Tin Học ...” : Mở trang web của TTTH – http://www.csc.hcmuns.edu.vn Hướng dẫn giải: Stt Đối tượng Hướng dẫn cài đặt 1 Trang web - Sử dụng tag 2 Nội dung trang web - Tiêu đề: Tag
và t.t align, style (color) - Hình: Tag và t.t rows="*", cols="31%,*" Khung thực đơn: Tag và t.t src="Thucdon.html", noresize Khung chứa trang liên kết: Tag và t.t src="Bai 1.1.html" name="showframe"
19. web xem nội dung các bài tập về ngôn ngữ HTML Yêu cầu thiết kế: Stt Đối tượng Yêu cầu Hằng số màu 1 Trang web - Tiêu đề cửa sổ: Tạo iframe 2 Nội dung trang web - Tạo 1 table chứa nội dung trên, trong đó: Ô đầu: Chứa nội dung tiêu đề Ô bên trái: Chứa thực đơn bài tập, mỗi dòng liên kết đến trang web bài tập tương ứng Ô bên phải: Thể hiện nội dung các trang tương ứng với thực đơn được chọn. Mặc định là trang Bai 2.1.html Yêu cầu xử lý: Stt Đối tượng Yêu cầu Ghi chú 1 Thực đơn bài tập - Khi chọn: Thể hiện nội dung trang web tương ứng trong ô bên phải Hướng dẫn giải: Stt Đối tượng Thiết kế 1 Trang web - Sử dụng tag 2 Nội dung trang web - Tạo table gồm 2 dòng, 2 cột - Ô bên trái: Tag và t.t href, target - Ô bên phải: Tag
20. trang web có nội dung là các chuyên mục thắc mắc
21. thiết kế: Stt Đối tượng Yêu cầu Hằng số màu 1 Trang web - Tiêu đề cửa sổ: Bài tập tổng hợp 2 Nội dung trang web - Tạo 1 table chứa nội dung trên, trong đó: + Dòng đầu: Chứa nội dung tiêu đề và hình ảnh + Ô bên trái: Chứa thực đơn các chuyên mục, mỗi dòng liên kết đến mục tương ứng với các ô bên phải + Ô bên phải: Thể hiện các nội dung chi tiết của từng chuyên mục. Yêu cầu xử lý: Stt Đối tượng Yêu cầu Ghi chú 1 Thực đơn các chuyên mục - Khi chọn, di chuyển đến mục tương ứng trong ô bên phải 2 Về đầu trang - Khi chọn, di chuyển về đầu trang web Hướng dẫn giải: Stt Đối tượng Thiết kế 1 Trang web - Sử dụng tag 2 Nội dung trang web - Tạo table gồm 15 dòng, 2 cột - Dòng đầu: Tag và t.t src, align, style="z-index:-1; position:absolute". Tag và t.t name="