Video giảng Khoa học máy tính 12 cánh diều Bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu

Tóm lược nội dung

BÀI 4: TRÌNH BÀY NỘI DUNG THEO DẠNG DANH SÁCH, BẢNG BIỂU

Rất vui được gặp lại các em trong bài học ngày 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:

• Trình bày được nội dung dạng danh sách trên trang web.
• Tạo được bảng biểu trên trang web.

A. KHỞI ĐỘNG

Trước khi bắt đầu tìm hiểu bài mới, các em hãy đọc câu hỏi sau và cùng cô tìm câu trả lời nhé:

Theo em, để trình bày một văn bản, khi nào nên trình bày theo dạng liệt kê các mục và khi nào nên trình bày theo dạng bảng?

Việc sử dụng danh sách liệt kê hay bảng sẽ giúp cho nội dung văn bản được trình bày rõ ràng, dễ nhìn và khoa học hơn. Vậy để giúp các em biết cách sử dụng các thẻ HTML để tạo danh sách, bảng biểu trên trang web, chúng ta sẽ cùng nhau đến với Bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu.

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

Nội dung 1: Tạo danh sách

+ Danh sách xác định thứ tự được dùng khi nào?

+ Trong HTML, danh sách xác định thứ tự được tạo như thế nào?

+ Theo em, có thể xác định thứ tự bắt đầu của danh sách bằng một số nguyên khác 1 được không?

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

- Danh sách xác định thứ tự được dùng khi thứ tự xuất hiện các mục của nó là quan trọng.

- HTML sử dụng các thẻ <ol> và <li> để tạo danh sách xác định thứ tự:

Trong đó:

+ Cặp thẻ <ol></ol> dùng để tạo danh sách.

+ Cặp thẻ <li></li> dùng để tạo các mục nội dung trong danh sách.

+ Các mục trong danh sách theo mặc định được xác định thứ tự tăng dần bằng các số nguyên bắt đầu từ 1.

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

+ Theo em, khi nào nên sử dụng bảng để trình bày thông tin?

+ Trong HTML, bảng được tạo như thế nào?

+ Dữ liệu trong các ô của bảng thường có dạng gì?

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

- Bảng thường được sử dụng để thể hiện thông tin có cấu trúc, dùng cho thống kê, so sánh dữ liệu.

- HTML sử dụng các thẻ <table>, <tr> và <td> để tạo bảng:

Trong đó:

+ Cặp thẻ <table></table> dùng để tạo bảng.

+ Cặp thẻ <tr></tr> dùng để khai báo các hàng trong bảng.

+ Cặp thẻ <td></td> dùng để khai báo các ô dữ liệu của mỗi hàng.

- Dữ liệu trong các ô thường là văn bản, hình ảnh, siêu liên kết,…

...........

Nội dung video Bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu 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.