BG12. CautrucHTML

Open Ended

Cho từ khoá: “HTML” và “Trang web”, con hãy nêu tất cả những gì đã biết về 2 từ khoá này?

Open Ended

Quan sát tệp văn bản nguồn, hãy đưa ra nhận xét về ngôn ngữ HTML:

1. HTML là gì? Ngôn ngữ này có chức năng gì?

2. Phần mở rộng của tệp văn bản nguồn HTML?

Multiple Choice

HTML là viết tắt của cụm từ nào sau đây?

• Hyperlink Text Markup Language

• Hyperlinks Text Mark Language

• Hyper Text Markup Language

• Home Tool Markup Language

Multiple Choice

HTML được sử dụng để làm gì?

• Định dạng các tệp tin đa phương tiện.

• Tạo và cấu trúc trang web

• Định dạng và hiển thị nội dung văn bản trong các ứng dụng máy tính

• Tạo các ứng dụng phần mềm

Multiple Choice

Tập tin HTML có phần mở rộng là gì?

• .txt

• .css

• .doc hoặc .docx

• .htm hoặc .html

Drag and Drop

HTML (​

Placeholder

​

Placeholder

Language) ngôn ngữ ​

Placeholder

​​ ​

Placeholder

, được sử dụng để tạo trang web

Drag these tiles and drop them in the correct blank above

đánh dấu

HyperText

Markup

Hyperlink

siêu văn bản

lập trình

Makeup

Web

1. Thực hiện đúng văn hóa lớp học (+2đ)     

2. 100% thành viên trong nhóm tham gia tích cực (+2đ)     

3. Hoàn thành đúng thời gian (+2đ )    

4. Hoàn thành đầy đủ + đúng   (+2d)

5.  3 nhóm sớm nhất + đúng (+1d)

6. Có kết quả phản hồi tốt từ các nhóm trên LMS (+1đ) 

​Tiêu chí quá trình: 💻💯✔️

1. Tham gia nhóm trên LMS:
   2 - 3HS/nhóm

2. ​Một thành viên/nhóm trả lời trên LMS: [Góc Thảo luận B7] HTML và cấu trúc trang WEB. Thành viên còn lại trả lời trên Quizizz.

3. Đảm bảo phương án trả lời được thống nhất và các thành viên đều thực hiện nhiệm vụ

​Yêu cầu: ⏳👩👱

Yêu cầu và tiêu chí làm việc nhóm

Open Ended

1. Quan sát văn bản nguồn, hãy kể tên các thẻ trong tệp văn bản nguồn trên? 

2. Từ các thẻ đã kể tên, con hãy cho biết có những loại thẻ nào? Dấu hiệu để nhận biết đó là một thẻ trong HTML?

Open Ended

1. Trong văn bản nguồn cung cấp. hãy chỉ ra đâu là phần tử? Cấu trúc của một phần tử trong HTML được biểu diễn như thế nào? (Hay: Một phần tử trong HTML gồm những thành phần nào? )

2. Hãy so sánh sự giống và khác nhau giữa thẻ và phần tử?

Multiple Choice

Thẻ HTML được đặt trong cặp dấu nào?

• { }

• < >

• [ ]

• ( )

Multiple Choice

Phần tử đầy đủ trong HTML bao gồm những thành phần nào?

• Thẻ mở, định dạng, liên kết

• Thẻ mở, thuộc tính, đoạn mã

• Thẻ mở, nội dung, thẻ đóng

• Chỉ có thẻ mở

Multiple Choice

Đâu là cấu trúc đúng của một phần tử HTML đầy đủ?

• <tên thẻ: Nội dung</tên thẻ>

• </tên thẻ>Nội dung<tên thẻ>

• <tên thẻ>Nội dung<tên thẻ>

• <tên thẻ>Nội dung</tên thẻ>

Multiple Choice

Hãy chỉ ra lỗi cú pháp của cấu trúc phần tử lồng nhau:

• Vị trí <tên thẻ cha> đặt sai. Cần đặt lùi sang bên trái <tên thẻ con>

• Vị trí <tên thẻ con> đặt sai. Cần đặt trên cùng dòng với <tên thẻ cha>.

• Vị trí </tên thẻ con> đặt sai. Cần đặt trước </tên thẻ cha>.

• Vị trí </tên thẻ cha> đặt sai. Cần đặt trước <tên thẻ con>

Thực hiện:
Nhiệm vụ trên LMS.
[Bài tập củng cố] HTML và cấu trúc trang WEB (tiết 1)

Làm việc nhóm theo đúng các tiêu chí đánh giá đã đưa ra.

Poll

Trong nội dung bài học hôm nay, những kiến thức nào sau đây về HTML con hiểu rõ và con có thể vận dụng làm tốt bài tập SGK và nhiệm vụ trên LMS

• Khái niệm HTML

• Chức năng của HTML

• Cấu trúc của thẻ bao gồm thẻ đôi và thẻ đơn.

• Cấu trúc của phần tử đầy đủ.

• Cấu trúc của phần tử lồng nhau.

1. Thực hiện đúng văn hóa lớp học (+2đ)     

2. 100% thành viên trong nhóm tham gia tích cực (+2đ)     

3. Hoàn thành đúng thời gian (+2đ )    

4. Hoàn thành đầy đủ + đúng   (+2d)

5.  3 nhóm sớm nhất + đúng (+1d)

6. Có kết quả phản hồi tốt từ các nhóm trên LMS (+1đ) 

​Tiêu chí quá trình: 💻💯✔️

1. Tham gia nhóm trên LMS:
   2 - 3HS/nhóm

2. ​Một thành viên/nhóm trả lời trên LMS: [Góc Thảo luận B7] HTML và cấu trúc trang WEB. Thành viên còn lại trả lời trên Quizizz.

3. Lưu ý: Đảm bảo phương án trả lời được thống nhất.

​Yêu cầu: ⏳👩👱

Yêu cầu và tiêu chí làm việc nhóm

Open Ended

1. Trong trang nguồn cung cấp, dòng đầu tiên có ý nghĩa gì?

2. Theo con đâu là thẻ chính và chức năng của thẻ này trong ngôn ngữ HTML?

3. Con có nhận xét gì về cấu trúc chung trong mỗi tệp HTML?

Thực hiện:
Nhiệm vụ số 1 trên LMS.
[Bài tập củng cố] HTML và cấu trúc trang WEB (tiết 2)

Làm việc nhóm theo đúng các tiêu chí đánh giá đã đưa ra trong tiết 1.

Thực hiện:
Nhiệm vụ số 2 trên LMS.
[Bài tập củng cố] HTML và cấu trúc trang WEB (tiết 2)

Làm việc nhóm theo đúng các tiêu chí đánh giá đã đưa ra trong tiết 1.

Draw

Khi trình bày cấu trúc cơ bản của một tệp HTML, bạn ABC đã trình bày như trong hình nhưng không hiện thị bất kì nội dung nào trên trang Web. Hãy khoanh tròn hoặc gạch chân vào những vị trí chưa đúng giúp ABC.

Categorize

Options (9)

Notepad

Sublime Text       

Notepad ++   

Visual Studio Code

Opera

Chrome

Microsoft Edge 

FireFox  

Cốc Cốc     

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:

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

Trình duyệt Web

Poll

Trong nội dung tiêt học hôm nay, con đã nắm vững và vận dụng được nội dung kiến thức nào đã học để hoàn thành được các câu hỏi và nhiệm vụ trong LMS và SGK?

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

• Các thẻ khai báo chính trong HTML

• Biểu diễn sơ đồ hình cây của cấu trúc HTML

• Các phần mềm soạn thảo HTML

• Ưu - nhược điểm của một vài phần mềm soạn thảo HTML