Giải SGK Tin 12 KNTT Bài 7. HTML và cấu trúc trang web có đáp án

Các em đã được làm quen với khái niệm website và trang web, cũng có thể em đã biết cách sử dụng phần mềm để tạo ra các trang web với nội dung đa dạng và phong phú hình thức trình bày đẹp Tuy nhiên, có thể các em vẫn muốn biết:

-        Các trang web thực chất có cấu trúc như thế nào?

-        Có thể lập trình để tạo ra được các trang web hay không? Nếu lập trình được thì mã nguồn của trang web là gì?

-        Các trang web có quan hệ như thế nào với ngôn ngữ HTML

-        Trang web và trình duyệt web có quan hệ như thế nào?

 Em hãy tìm câu trả lời 

Các trang web mà em vẫn thường xem được hiển thị bởi trình duyệt web (ví dụ Cốc Cốc ,Firefox, Chorme). Thực chất chúng được tạo ra từ các tệp văn bản. Các tệp văn bản này được gọi là trang nguồn (hay mã nguồn) của trang web tương ứng. Quan sát hình 7.1 và nhận xét về mã nguồn em thấy gì từ tệp nguồn của trang web?

Tệp văn bản trong Hình 7.1 có bao nhiêu phần tử HTML?

Nêu sự giống và khác nhau giữa thẻ HTML và phần tử HTML

Quan sát tệp HTML sau em có nhận xét gì về cấu trúc chung của một trang web?

Vẽ sơ đồ cây của đoạn văn bản HTML sau: <P> thông tin này in <b> đậm in  <i>nghiêng </i> in <u>gạch dưới </u>  in bình thường. </p> 

Cây HTML có bao nhiêu phần tử gốc?

Hãy tìm hiểu những phần mềm có thể dùng để soạn thảo tệp HTML. Thảo luận để tìm ra cách soạn thảo tệp HTML hợp lý nhất.

Xếp các tên sau vào hai nhóm phần mềm soạn thảo HTML và trình duyệt web:

a) Notepad.             b) Opera                  c) Sublime Text

d)Chorme                e) Cốc Cốc              f) Notepad ++

 g) FireFox              h) Microsoft Edge 

Em có nhận xét gì về sự khác biệt khi soạn thảo HTML giữa các phần mềm chuyên nghiệp (ví dụ Notepad ++, Sublime Text)  và phần mềm soạn thảo văn bản thông thường (ví dụ Notepad)?

Tìm ví dụ về phần tử HTML không thể lồng, tức là không thể có quan hệ cha con trong cây thông tin của trang web.

Chọn một văn bản đơn giản soạn thảo tệp HTML để hiển thị nội dung văn bản đó vẽ cây thông tin các phần tử HTML của trang web vừa soạn thảo.

Em hãy tìm trên mạng các trang web hỗ trợ soạn thảo HTML trực tuyến 

Sử dụng phần mềm soạn thảo HTML và soạn thảo trang web có nội dung như Hình 7.7. Lưu ý rằng thẻ <img> với tính tăng thể hiện ảnh trên trang web có cú pháp: <img src = “tên tệp ảnh”>, trong đó “tên tệp ảnh” chính là đường dẫn của tệp hình ảnh cần đưa lên trang.