Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Cho hai đoạn văn bản như Hình 8.1 cách trình bày đoạn văn bản nào có định dạng đẹp hơn? Tại sao?
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
Gợi ý trả lời phần Khởi động:
Cách trình bày đoạn văn bản b) có định dạng đẹp hơn, vì văn bản được định dạng theo thuộc tính về màu sắc, chỡ chữ, kiểu chữ.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Hãy quan sát các thẻ trong tệp newpage.htmn ở Hoạt động 2, Bài 7. Trong các thẻ đó có một thẻ có thêm thuộc tính. Theo em đó là thẻ nào? Em hãy đưa ra dự đoán về tác dụng của các thuộc tính thẻ.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
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
Gợi ý trả lời phần Hoạt động 1:
Thẻ có thêm thuộc tính là thẻ meta charset=”utf-8”
Thuộc tính của thẻ có tác dụng bổ sung thông tin, làm rõ các điều khiển được thẻ chỉ định.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Thảo luận nhóm, tìm ra những nội dung cần nhớ của phần 1 (SGK trang 46).
Các nhóm tóm lại những nội dung cần nhớ của phần 1.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu hỏi (trang 47): Xác định các tên thuộc tính và thẻ chứa thuộc tính tương ứng xuất hiện trong Bài 7.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời câu hỏi (trang 47)
Thẻ meta chứa thuộc tính charset.
Thẻ img chứa các thuộc tính src, alt, và style.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
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.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 1. Hãy quan sát hình bên dưới và cho biết thẻ nào có thêm thuộc tính?
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
A. Thẻ <meta>
B. Thẻ <title>
C. Thẻ <head>
D. Thẻ <body>
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 2. Cú pháp để xác định thuộc tính là:
A. tên_thuộc_tính = (giá trị)
B. tên_thuộc_tính = “giá trị”
C. tên_thuộc_tính = {giá trị}
D. tên_thuộc_tính = giá trị
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 3. Thuộc tính nằm trong thẻ bắt đầu (không nằm trong thẻ kết thúc), sau tên thẻ. Trong trường hợp thẻ có nhiều hơn một thuộc tính thì các thuộc tính được ngăn cách nhau bởi dấu
A. cách
B. hai chấm
C. chấm phẩy
D. dấu phẩy
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Ghi nhớ (SGK trang 47)
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Thảo luận: khi trình bày một văn bản (bài thơ, đoạn văn, trang web…) có thể có những thành phần nào? Hãy kể tên các thành phần đó.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Thảo luận nhóm và đại diện nhóm trả lời phần Hoạt động 2.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời phần Hoạt động 2:
Khi trình bày một văn bản (bài thơ, đoạn văn, trang web…) có thể có những thành phần: Tiêu đề, nội dung, hình ảnh...
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Thảo luận nhóm, tìm ra những nội dung cần nhớ của phần 2a và 2b (SGK trang 47, 48).
Các nhóm tóm lại những nội dung cần nhớ của phần 2a và 2b.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu hỏi 1 (trang 48): Trình duyệt hiển thị đoạn mã html sau thành mấy dòng? Em có nhận xét gì về khoảng cách giữa các dòng?
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời câu hỏi 1 (trang 48)
Trình duyệt sẽ hiển thị đoạn mã HTML trên thành 5 dòng, mỗi dòng chứa một thẻ <p>.
Nhận xét về khoảng cách giữa các dòng:
Khoảng cách giữa các dòng là một ký tự xuống dòng (\n) trong mã nguồn HTML.
Do đó, trình duyệt sẽ hiển thị mỗi thẻ <p> trên một dòng riêng biệt, và có một khoảng trắng giữa chúng.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu hỏi 2 (trang 48): Chỉnh sửa đoạn mã trong html trong ví dụ 1 để hiển thị thêm một đường kẻ ngang phân tách giữa dòng tiêu đề “Tin Học 12” và nội dung phía dưới.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời câu hỏi 2 (trang 48)
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
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.
Câu 4. Để định dạng tiêu đề và các tiêu đề con xuất hiện trong văn bản, ta sử dụng các thẻ nào sau đây?
A. Các thẻ <h>
B. Các thẻ <hr>
C. Các thẻ <p>
D. Các thẻ <title>
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 5. Một văn bản thông thường được tạo bởi hai thành phần cơ bản là tiêu đề và các đoạn văn bản. Tiêu đề được định dạng bởi thẻ <h>: có 6 mức tiêu đề từ <h1> đến <h6>. Đoạn văn bản được định dạng bởi thẻ
A. <div>
B. <span>
C. <p>
D. <hr>
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 6. Khối là một phần tử chứa nhiều loại dữ liệu, được định nghĩa bởi thẻ
A. <div> và <span>
B. <div> và <p>
C. <p> và <span>
D. <h> và <p>
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Ghi nhớ (SGK trang 48)
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Thảo luận: Khi muốn nhấn mạnh vào một nội dung trong văn bản em thường thấy nội dung đó được viết như thế nào?
Thảo luận nhóm và đại diện nhóm trả lời phần Hoạt động 3.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời phần Hoạt động 3:
Khi muốn nhấn mạnh vào một nội dung trong văn bản em thường thấy nội dung đó được viết in đậm, gạch chân, in nghiêng hoặc chữ có màu sắc.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Thảo luận nhóm, tìm ra những nội dung cần nhớ của phần 3a và 3b (SGK trang 48-50).
Các nhóm tóm lại những nội dung cần nhớ của phần 3a và 3b.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu hỏi (trang 50): Với cùng một đoạn văn bản, kết quả khi định dạng trong các trường hợp sau giống và khác nhau như thế nào?
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời câu hỏi (trang 50)
Kiểu 1:
Màu sắc: Được chỉ định bằng tên màu "red".
Kiểu chữ: Font chữ được chọn là "Tahoma".
Kích thước chữ: Kích thước chữ được thiết lập là 15px.
Gạch chân: Chữ được gạch chân.
Kiểu 2:
Màu sắc: Được chỉ định bằng mã màu RGB (255, 0, 0), tương ứng với màu “red”.
Kiểu chữ: Font chữ được chọn là "Tahoma".
Kích thước chữ: Kích thước chữ được thiết lập là 10px.
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Trả lời các câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần 3.
Câu 7. Các thẻ dùng để định dạng “chữ đậm” là:
A. Thẻ <strong> và thẻ <b>
B. Thẻ <strong> và thẻ <em>
C. Thẻ <em> và thẻ <b>
D. Thẻ <strong> và thẻ <i>
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 8. Các thẻ dùng để định dạng “chữ nghiêng” là:
A. Thẻ <em> và thẻ <b>
B. Thẻ <em> và thẻ <strong>
C. Thẻ <em> và thẻ <i>
D. Thẻ <i> và thẻ <strong>
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 9. Để viết chỉ số trên (ví dụ x2), dùng thẻ nào sau đây?
A. <sub>
B. <sup>
C. <em>
D. <strong>
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Câu 10. Khi muốn thực hiện nhiều định dạng phông đồng thời, ta đặt các cặp tên:giá trị trong phần giá trị của thuộc tính, ngăn cách nhau bởi dấu
A. “;”
B. “.”
C. “:”
D. “,”
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Ghi nhớ (SGK trang 50)
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Thực hành theo SGK trang 50, 51
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Luyện tập 1 (trang 51): Hãy sửa lại phần tử sau để làm nổi bật ý chính của câu:
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời Luyện tập 1 (trang 51)
Nội dung hiển thị:
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Luyện tập 2 (trang 51): Trình bày đoạn văn bản sau bằng mã HTML:
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
Gợi ý trả lời Luyện tập 2 (trang 51)
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
1. Thuộc tính thẻ�2. Các định dạng trình bày văn bản� a) Định dạng tiêu đề� b) Định dạng đoạn văn bản�3. Các thẻ định dạng phông chữ� a) Định dạng kiểu chữ� b) Định dạng phông chữ�4. Thực hành định dạng văn bản và phông chữ
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
1. Làm phần VẬN DỤNG (SGK trang 51)
2. Xem trước Bài 9. Tạo danh sách, bảng (SGK trang 52)
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang
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 8. Định dạng văn bản
Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang