1 of 39

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

2 of 39

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

3 of 39

Theo em, khi trang web chỉ toàn các đoạn văn bản thì cần trình bày thế nào cho dễ nhìn?

Thảo luận nhóm và đại diện nhóm trả lời phần Khởi động.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

4 of 39

Gợi ý trả lời phần Khởi động:

Theo em, khi trang web chỉ toàn các đoạn văn bản, để dễ nhìn thì cần trình bày như sau:

- Chọn phông chữ dễ đọc, rõ ràng.

- Chọn cỡ chữ thích hợp, in đậm, in nghiêng các nội dung quan trọng.

- Chia đoạn văn bản thành các đoạn nhỏ, tối đa 5-7 dòng.

- Sử dụng khoảng cách dòng (line-height) phù hợp để tạo khoảng trống giữa các dòng, căn lề cho văn bản.

- Sử dụng danh sách để liệt kê các mục.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

5 of 39

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

6 of 39

Em hãy quan sát hình 8.3 và nhận xét xem có điểm nào có thể cải tiến về mặt trình bày không.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

7 of 39

Thảo luận nhóm và đại diện nhóm trả lời phần Hoạt động 1.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

8 of 39

Gợi ý trả lời phần Hoạt động 1:

Có thể thay đổi thứ tự tính delta, chọn lại size chữ đều hơn và tô đen lại những chỗ cần thiết,...

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

9 of 39

Thảo luận nhóm, tìm ra những nội dung cần nhớ của phần 1a và 1b (SGK trang 52, 53).

Các nhóm tóm lại những nội dung cần nhớ của phần 1a và 1b.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

10 of 39

Câu hỏi (trang 53): Làm thế nào để tạo một danh sách lồng nhau danh sách mức 1 đánh số dạng 1, 2, 3,… và danh sách mức 2 đánh số dạng a, b, c?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

11 of 39

Gợi ý trả lời câu hỏi (trang 53)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

12 of 39

Nội dung hiển thị:

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

13 of 39

Trả lời các câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần 1.

Câu 1. Trong HTML cơ bản có bao nhiêu dạng danh sách?

A. 2 dạng

B. 3 dạng

C. 4 dạng

D. 5 dạng

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

14 of 39

Câu 2. Để tạo danh sách có thứ tự, dùng cặp thẻ

A. <ol></ol>

B. <ul></ul>

C. <dl></dl>

D. <dt></dt>

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

15 of 39

Câu 3. Để tạo danh sách không có thứ tự, dùng cặp thẻ

A. <ol></ol>

B. <dl></dl>

C. <ul></ul>

D. <dt></dt>

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

16 of 39

Câu 4. Để tạo danh sách mô tả, dùng ba cặp thẻ nào sau đây?

A. <dl>, <dt> và <dd>

B. <dl>, <dt> và <ol>

C. <dl>, <ul> và <dd>

D. <ul>, <ol> và <dt>

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

17 of 39

Câu 5. Trong HTML, ta có thể định nghĩa các kiểu danh sách có thứ tự, không có thứ tự và danh sách mô tả bằng các thẻ

A. <ol>, <ul> và <dt>

B. <ol>, <ul> và <dd>

C. <ol>, <dl> và <dt>

D. <ol>, <ul> và <dl>

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

18 of 39

Câu 6. Đoạn mã HTML sau đây cho kết quả nào?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

19 of 39

A.

B.

C.

D.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

20 of 39

Ghi nhớ (SGK trang 53)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

21 of 39

Trong hội chợ ẩm thực ở trường, lớp 12E dự định bán một số món, các bạn muốn đăng trên trang web của lớp các thông tin: món ăn, đơn giá, số lượng và tổng số tiền. Theo em, các bạn nên dùng dạng biểu diễn nào: danh sách, danh sách mô tả hay bảng. Tại sao?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

22 of 39

Thảo luận nhóm và đại diện nhóm trả lời phần Hoạt động 1.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

23 of 39

Gợi ý trả lời phần Hoạt động 2:

Theo em các bạn nên dùng bảng. Tại vì:

Bảng được tổ chức dưới dạng các hàng và cột, các thông tin trong bảng hiển thị một cách có cấu trúc, giúp người đọc dễ dàng theo dõi và so sánh chi tiết của từng mục.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

24 of 39

Thảo luận nhóm, tìm ra những nội dung cần nhớ của phần 2 (SGK trang 53-55).

Các nhóm tóm lại những nội dung cần nhớ của phần 2.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

25 of 39

Câu hỏi (trang 55): Bảng trong ví dụ trên Hình 9.6 có nhược điểm gì cần làm thế nào để giải quyết nhược điểm đó?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

26 of 39

Gợi ý trả lời câu hỏi (trang 55)

Nhược điểm: các cột lồng nhau, dễ bị nhằm khi nhập liệu.

Khắc phục: tách riêng từng cột nhỏ ra thành các cột lớn.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

27 of 39

Trả lời các câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần 2.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

28 of 39

Câu 7. Chọn đáp án đúng nhất cho các mô tả dưới đây.

A. Thẻ <table>-tạo bảng, thẻ <tr>-tạo hàng, thẻ <td>-tạo các ô dữ liệu và thẻ <th>-tạo ô tiêu đề.

B. Thẻ <table>-tạo bảng, thẻ <tr>-tạo cột, thẻ <td>-tạo các ô dữ liệu và thẻ <th>-tạo ô tiêu đề.

C. Thẻ <table>-tạo bảng, thẻ <tr>-tạo các ô tiêu đề, thẻ <td>-tạo hàng và thẻ <th>-tạo ô tiêu đề.

D. Thẻ <table>-tạo bảng, thẻ <tr>-tạo hàng, thẻ <td>-tạo ô tiêu đề và thẻ <th>-tạo các ô dữ liệu.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

29 of 39

Câu 8. Để gộp các ô là các hàng lại với nhau, sử dụng thuộc tính nào sau đây?

A. colspan

B. width

C. rowspan

D. height

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

30 of 39

Câu 9. Để gộp các ô là các cột lại với nhau, sử dụng thuộc tính nào sau đây?

A. rowspan

B. width

C. height

D. colspan

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

31 of 39

Câu 10. Đoạn mã HTML sau đây cho kết quả nào?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

32 of 39

A.

B.

C.

D.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

33 of 39

Ghi nhớ (SGK trang 55)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

34 of 39

Thực hành theo SGK trang 55, 56

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

35 of 39

Sửa lại chương trình trong Hình 9.5a, sử dụng thuộc tính style thay vì thuộc tính border để tạo viền cho bảng. Sử dụng màu xanh cho viền của ô hai dòng đầu bảng và sử dụng 3 màu đỏ, vàng, xanh cho ba chữ Toán, Vật lý và Hóa học.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

36 of 39

Gợi ý trả lời Luyện tập (trang 56)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

37 of 39

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

38 of 39

1. Làm phần VẬN DỤNG (SGK trang 56)

2. Xem trước Bài 10. Tạo liên kết (SGK trang 57)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

39 of 39

Các em làm trắc nghiệm Online để củng cố bài.

1. Đăng nhập vào trang thaycai.net

2. Nháy chọn Tin học 12

3. Nháy chuột vào  Trắc nghiệm tin học 12 - Kết nối tri thức

4. Nháy chuột vào Bài 9. Tạo danh sách, bảng

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang