Chọn đáp án đúng cho các câu hỏi dưới đây.
a) Phần tử HTML nào sau đây chỉ có thẻ mở?
A. <h1>. B. <p>. C. <hr>. D. <div>.
b) Phần tử HTML nào sau đây có đủ thẻ mở và thẻ đóng?
A. <img>. B. <br>. C. <strong>. D. <input>.
Bài F1. HTML và trang web
Luyện tập 3 (SGK Chân trời sáng tạo - Trang 72)
Thảo luận (1)
Vận dụng 1 (SGK Chân trời sáng tạo - Trang 72)
Thực hiện hiệu chỉnh trang web portfolio.html trong các ví dụ của bài học để giới thiệu vài thông tin của bản thân. Trong đó, sử dụng các thẻ <h1> và <p>. Hình 8 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa. sáng tạo.
Thảo luận (1)Hướng dẫn giải
Câu hỏi 2 mục 2 (SGK Chân trời sáng tạo - Trang 71)
Chọn đáp án đúng cho câu hỏi dưới đây.
Phần nội dung hiển thị trên thanh tiêu đề của cửa sổ trình duyệt được đặt trong cặp thẻ HTML nào?
A. <head></head>.
C. <title></title>.
B. <html></html>.
D. <body></body>.
Thảo luận (1)Hướng dẫn giảiĐáp án đúng là C. <title></title>. Phần nội dung hiển thị trên thanh tiêu đề của cửa sổ trình duyệt được đặt trong cặp thẻ HTML <title></title>. Thẻ này thường được đặt trong phần <head></head> của trang web.
(Trả lời bởi datcoder)
Luyện tập 2 (SGK Chân trời sáng tạo - Trang 72)
Em hãy trình bày cấu trúc của một trang web cơ bản bằng cách liệt kê tên và công dụng của các thẻ.
Thảo luận (1)Hướng dẫn giải<html>: Định nghĩa đoạn mã HTML.
<head>: Phần mở đầu của trang web.
<title>: Tiêu đề của trang web.
<body>: Phần nội dung chính của trang web.
<h1> to <h6>: Tiêu đề của các phần.
<p>: Đoạn văn bản.
<a>: Liên kết đến các trang web khác hoặc các phần tử trong cùng một trang.
<img>: Hình ảnh.
<ul> và <li>: Danh sách không thứ tự.
<ol> và <li>: Danh sách có thứ tự.
<div>: Khối.
<span>: Đoạn văn bản nhỏ.
(Trả lời bởi datcoder)
Câu hỏi 3 mục 2 (SGK Chân trời sáng tạo - Trang 72)
Cách viết thẻ HTML có nhiều thuộc tính sau đây đúng hay sai?
Thảo luận (1)Hướng dẫn giảiCách viết thẻ HTML có nhiều thuộc tính là đúng. Vì mỗi thẻ HTML có thể có một hoặc nhiều thuộc tính hoặc không có thuộc tính để định dạng nội dung.
(Trả lời bởi datcoder)
Câu hỏi 1 mục 2 (SGK Chân trời sáng tạo - Trang 71)
Em hãy truy cập trang web https://chantroisangtao.vn, quan sát và nhận xét về bố cục trình bày của trang web này.
Thảo luận (1)Hướng dẫn giảiEm đã truy cập trang web Chân trời sáng tạo tại đây. Dưới đây là nhận xét về bố cục trình bày của trang web này:
- Chuẩn mực và gọn gàng:
+ Trang web có bố cục gọn gàng, không quá nhiều thông tin đè lên nhau.
+ Các phần được sắp xếp theo thứ tự logic, giúp người dùng dễ dàng tìm kiếm thông tin.
- Thanh điều hướng:
+ Thanh menu ở phía trên trang web chứa các mục chính như "Sách giáo khoa", "Hành trang số", "Phân loại",...
+ Thanh menu giúp người dùng dễ dàng di chuyển giữa các phần khác nhau của trang.
- Thiết kế hình ảnh và biểu đồ:
+ Trang web sử dụng hình ảnh và biểu đồ để minh họa thông tin về các bộ sách giáo khoa.
+ Các hình ảnh được chọn kỹ lưỡng, tạo ấn tượng cho người xem.
- Phần chia sẻ thông tin:
+ Trang web cung cấp thông tin về các bộ sách giáo khoa, hệ tài nguyên, sách điện tử, và các lớp học.
+ Các phần thông tin được trình bày rõ ràng, dễ hiểu.
- Chân trang:
+ Chân trang chứa các liên kết hữu ích như "Hỗ trợ", "Hệ tài nguyên", "Giới thiệu sách giáo khoa",...
+ Các liên kết này giúp người dùng tìm kiếm thông tin bổ sung.
Tổng quan, trang web Chân trời sáng tạo có bố cục hợp lý, dễ sử dụng và trình bày thông tin một cách rõ ràng.
(Trả lời bởi datcoder)
Câu hỏi 1 mục 1 (SGK Chân trời sáng tạo - Trang 68)
Em hãy kể tên một ngôn ngữ đánh dấu dùng để tạo ra trang web và cho biết phiên bản hiện nay của ngôn ngữ này.
Thảo luận (1)Hướng dẫn giải- Ngôn ngữ đánh dấu dùng để tạo ra trang web: ngôn ngữ HTML.
- Hiện nay, HTML5 là phiên bản thông dụng.
(Trả lời bởi datcoder)
Khởi động (SGK Chân trời sáng tạo - Trang 67)
Em hãy chỉ ra những thành phần chính của trang web trong Hình 1.
Thảo luận (1)Hướng dẫn giải- Trong Hình 1, trang web được trích từ www.w3schools.com và tập trung vào một bài học về HTML.
- Dưới đây là mô tả chi tiết về các thành phần chính của trang web này:
+ Logo: Được hiển thị ở góc trên bên trái, logo là biểu tượng đại diện cho trang web.
+ Tiêu đề trang: Trang web có tiêu đề "HTML Introduction".
+ Thanh điều hướng: Nằm ở góc trên bên phải, thanh điều hướng chứa các tùy chọn như "Tutorials" (Hướng dẫn), "References" (Tài liệu tham khảo) và "Exercises" (Bài tập).
+ Nội dung chính: Phần này cung cấp thông tin về HTML, bao gồm cách mô tả cấu trúc của các trang web bằng mã đánh dấu. Một ví dụ về tài liệu HTML đơn giản cũng được hiển thị.
(Trả lời bởi datcoder)
Câu hỏi 2 mục 1 (SGK Chân trời sáng tạo - Trang 68)
Các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau không?
Thảo luận (1)Hướng dẫn giảiCó, các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau.
(Trả lời bởi datcoder)
Luyện tập 1 (SGK Chân trời sáng tạo - Trang 72)
Thảo luận với bạn và trình bày những hiểu biết của em về ngôn ngữ HTML.
Thảo luận (1)Hướng dẫn giảiSiêu văn bản (Hypertext) là tài liệu điện tử đa phương tiện chứa văn bản, hình ảnh, âm thanh, video và siêu liên kết. Trong đó, siêu liên kết giúp người đọc dễ dàng truy cập đến nội dụng khác hoặc siêu văn bản khác.
Mỗi trang web là một siêu văn bản được tạo ra bằng ngôn ngữ HTML (HyperText Markup Language). HTML là ngôn ngữ đánh dấu được phát triển bởi Tim Berners-Lee, Robert Cailliau và các cộng sự vào năm 1989, dùng để trình bày cấu trúc, nội dung và hình thức của trang web. Hiện nay, HTML5 là phiên bản thông dụng, giúp tạo ra trang web có tính tương tác cao và giúp hiển thị trang web trên các thiết bị thông minh.
Mỗi thành phần của trang web bao gồm văn bản, hình ảnh, âm thanh, video và các nội dung khác đều được định dạng bằng các phần tử IITML tương ứng. Mỗi phần tử IITML được thể hiện bằng một thẻ (tag) và có thể đính kèm các thuộc tính (attribute).
Khi người dùng truy cập trang web, trình duyệt sẽ tải xuống mã HTML tương ứng và sử dụng mã này để kết xuất nội dung, hình thức của trang web. Các trình duyệt phổ biến hiện nay như Microsoft Edge, Google Chrome, Mozilla Firefox, Safari,... đều có hỗ trợ ngôn ngữ HTML
(Trả lời bởi datcoder)