Video giảng khoa học máy tính 12 kết nối bài 7: HTML và cấu trúc trang web

Tóm lược nội dung

BÀI 7: HTML VÀ CẤU TRÚC TRANG WEB

Chào mừng các em đến với bài học hôm nay!

Thông qua video này, các em sẽ nắm được các kiến thức và kĩ năng như sau:

• Hiểu và giải thích được cấu trúc của một trang web dưới dạng HTML.

A. KHỞI ĐỘNG

Trước khi bắt đầu bài học, chúng ta hãy cùng nhau trả lời câu hỏi sau nhé:

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.

HTML đóng vai trò là bước đệm không thể thiếu trong hành trình khám phá thế giới lập trình dành cho người mới. Đơn giản nhưng mạnh mẽ, HTML là ngôn ngữ đánh dấu siêu văn bản, mở cánh cửa đầu tiên để bắt đầu sáng tạo trên không gian web. Vậy để hiểu rõ hơn về cấu trúc và sức mạnh của HTML, chúng ta sẽ cùng nhau đến với Bài 7: HTML và cấu trúc trang web.

B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

1. Trang web và HTML

Nội dung 1. Thẻ đánh dấu HTML

Trình bày khái niệm của thẻ đánh dấu HTML?

Video trình bày nội dung:

- Thẻ đánh dấu HTML (tag) là các thành phần chính tạo thành ngôn ngữ đánh dấu siêu văn bản. Mỗi loại thẻ có một tên riêng và có ý nghĩa nhất định trong định dạng nội dung của trang web.

Nội dung 2. Phần tử HTML

Trình bày khái niệm của phần tử HTML?

Video trình bày nội dung:

- Phần tử HTML (element) là khái niệm cơ bản của trang HTML. Thông thường, một phần tử được định nghĩa bởi thẻ bắt đầu, thẻ kết thúc và phần nội dung nằm giữa cặp thẻ này.

2. Cấu trúc cơ bản của một tệp HTML

Nội dung 3. Cấu trúc cơ bản của một tệp HTML

Trình bày cấu trúc cơ bản của một tệp HTML?

Video trình bày nội dung:

- Mỗi tệp HTML bao gồm nhiều phần tử HTML, các phần tử HTML có thể lồng nhau.

- Quan hệ lồng nhau giữa các phần tử HTML có thể hình dung như quan hệ cha – con hay quan hệ giữa các nút của một sơ đồ hình cây.

3. Phần mềm soạn thảo HTML

Nội dung 4. Phần mềm soạn thảo HTML

Trình bày một số phần mềm để tạo nên tệp nguồn HTML?

Video trình bày nội dung:

- Phần mềm Notepad

- Phần mềm soạn thảo HTML chuyên nghiệp nguồn mở: 

+ Phần mềm Notepad++

+ Phần mềm Sublime Text

- Sử dụng trang web hỗ trợ soạn thảo HTML trực tuyến

...........

Nội dung video Bài 7: HTML và cấu trúc trang web còn nhiều phần rất hấp dẫn và thú vị. Hãy cùng đăng kí để tham gia học bài và củng cố kiến thức thông qua hoạt động luyện tập và vận dụng trong video.