Video giảng khoa học máy tính 12 chân trời bài F3: Tạo bảng và khung trong trang web HTML

Tóm lược nội dung

BÀI F3: TẠO BẢNG VÀ KHUNG TRONG TRANG WEB VỚI HTML

Chào mừng các em học sinh đã đế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:

- Sử dụng được các thẻ HTML để tạo bảng và khung.

HOẠT ĐỘNG KHỞI ĐỘNG

Trước khi vào bài học, cô mời các em xem slide hai cách trình bày văn bản, sau đó nêu câu hỏi: So sánh Hình 1 và Hình 2, em hãy chỉ ra các điểm khác biệt trên 2 hình? Việc trình bày văn bản như Hình 2 có ưu điểm gì?

HOẠT ĐỘNG KHÁM PHÁ

Nội dung 1: Tạo bảng

HTML cung cấp những thẻ nào để tạo bảng?

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

Để tạo bảng, em dùng thẻ <table> kết hợp với các thẻ <tr>, <th>, <td>.

Mỗi thẻ có một số thuộc tính dùng để định dạng màu sắc, kích thước,... cho bảng.

Nội dung 2: Tạo khung

HTML sử dụng thẻ nào để nhúng một trang web khác vào trong trang web hiện tại?

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

Thẻ <iframe> được dùng để nhúng trang web khác vào trang web hiện tại. Thuộc tính src dùng để chỉ định đường dẫn của trang web cần nhúng, thuộc tính width và height dùng để chỉ định chiều rộng và chiều cao của khung.

Nội dung 3: Thực hành

Em hãy nêu các bước tạo bảng trong trang web

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

+ Bước 1: Khởi động Visual Studio Code và tạo tệp tkb.html.

+ Bước 2: Nhập đoạn mã HTML sau để tạo nội dung cho các hàng từ tiết 1 đến tiết 3 trong bảng thời khoá biểu.

+ Bước 3: Bổ sung mã lệnh để tạo các hàng còn lại của bảng thời khoá biểu.

+ Bước 4: Nháy đúp chuột vào tệp tkb.html để mở trang web trong trình duyệt. Kiểm tra kết quả thực hiện.

……..

Nội dung video bài F3: Tạo bảng và khung trong trang web HTML 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.