Đoạn mã HTML sau tạo bảng trình bày các nội dung của Lịch sinh hoạt hằng tuần (Hình 1) được bổ sung thêm vào tệp portfolio.html đã được xây dựng ở Bài F2.

Tech12h

Hình 1. Lịch sinh hoạt hằng tuần được trình bày dưới dạng bảng

Hàng tiêu đề, trình bày các ngày trong tuần.

Nội dung công việc trong buổi sáng và buổi chiều.

Tech12h

Bảng được tạo bắt đầu từ thẻ <table> và kết thúc bằng thẻ </table>.
Cặp thẻ <tr></tr> dùng để tạo các hàng.
Cặp thẻ <th></th> dùng để tạo các ô tiêu đề.
Cặp thẻ <td></td> dùng để tạo các ô còn lại.
Thuộc tính border được dùng để định dạng đường viền của bảng.

THẢO LUẬN NHÓM

Các thẻ dùng để tạo bảng có những thuộc tính gì?

Ngoài giúp trình bày văn bản khoa học hơn, bảng còn có chức năng nào khác nữa?

Một số thuộc tính định dạng bảng

Thuộc tính	Dùng trong thẻ	Giải thích
border	<table>	Định dạng đường viền của bảng.
cellspacing	<table>	Thiết lập khoảng cách giữa các ô trong bảng.
cellpadding	<table>	Thiết lập khoảng cách từ nội dung đến các đường viền của ô trong bảng.
colspan	<td>, <th>	Thiết lập số ô gộp trên cùng một hàng.
rowspan	<td>, <th>	Thiết lập số ô gộp trên cùng một cột.
width	<table>, <td>, <th>	Thiết lập chiều rộng của bảng hoặc ô.
height	<table>, <td>, <th>, <tr>	Thiết lập chiều cao của bảng, ô hoặc hàng.
bgcolor	<table>, <td>, <th>, <tr>	Thiết lập màu nền của bảng, ô hoặc hàng.
align	<table>, <td>, <th>, <tr>	Thuộc tính align dùng trong thẻ <table> để canh lề bảng với trang. Thuộc tính align dùng trong thẻ <td>, <th>, <tr> để canh lề nội dung bên trong ô hoặc các ô trong hàng.

Ví dụ

Đoạn mã HTML sau tạo bố cục cho một trang web đơn giản gồm tiêu đề trang, nội dung chính chia thành 2 cột và phần cuối trang

Tech12h

Hình 2. Bố cục trang web bằng cách sử dụng bảng

CÂU HỎI CỦNG CỐ

Em hãy bổ sung thêm cột nội dung công việc của các ngày còn lại cho Lịch sinh hoạt hằng tuần ở Ví dụ 1.

------------------------- Còn tiếp -------------------------

CHÀO ĐÓN CÁC BẠN ĐẾN BÀI HỌC MỚI!

KHỞI ĐỘNG

Đặt vấn đề

Khi truy xuất trang web, người dùng không chỉ xem nội dung mà còn muốn tương tác với trang web, chẳng hạn nhập vào nội dung mới. Em hãy nêu một số tình huống mà em thường tương tác với trang web và mô tả cụ thể các thao tác này.

Có nhiều cách tương tác với trang web

Tech12h

BÀI F5:
TẠO BIỂU MẪU TRONG TRANG WEB

NỘI DUNG BÀI HỌC

Tech12h

01 GIỚI THIỆU BIỂU MẪU TRONG TRANG WEB

Biểu mẫu web là gì?

Người dùng có thể tương tác với trang web thông qua biểu mẫu theo những cách thức như thế nào?

Khái niệm

Biểu mẫu web là thành phần để người dùng nhập dữ liệu vào trang web.

Cách thức tương tác với trang web

Nhập dữ liệu văn bản, số, email, mật khẩu.

Chọn một hay nhiều phương án.

Nháy chuột vào nút nhấn.

Ví dụ

Tech12h

Hình 1. Biểu mẫu thanh toán mua sắm trực tuyến

Khi mua sắm trực tuyến trên trang web, người dùng phải tương tác với biểu mẫu thanh toán

Nhập số lượng hàng cần mua

Nhập địa chỉ nhận hàng

Chọn phương thức thanh toán

CÂU HỎI CỦNG CỐ

Em hãy kể tên một số biểu mẫu phổ biến trên các trang web.

Một số biểu mẫu phổ biến trên các trang web

Tech12h

………………

KẾT LUẬN

Biểu mẫu web giúp người dùng tương tác với trang web.

Những thao tác thông dụng của người dùng trên biểu mẫu web bao gồm nhập liệu văn bản, số hoặc chọn các phương án, nháy chuột vào nút nhấn,...

02 TẠO MỘT SỐ THÀNH PHẦN TRONG BIỂU MẪU

------------------------- Còn tiếp -------------------------

II. TÀI LIỆU TẶNG KÈM KHI MUA GIÁO ÁN

1. TRẮC NGHIỆM

2. CÂU HỎI YÊU CẦU TRẢ LỜI NGẮN

3. ĐỀ THI

……………

Cùng nhiều tài liệu khác

Giáo án ppt kì 2 Tin học 12 Tin học ứng dụng Chân trời sáng tạo

Hệ thống có đầy đủ các tài liệu:

Giáo án word (400k)
Giáo án Powerpoint (500k)
Trắc nghiệm theo cấu trúc mới (250k)
Đề thi cấu trúc mới: ma trận, đáp án, thang điểm..(250k)
Phiếu trắc nghiệm câu trả lời ngắn (250k)
Trắc nghiệm đúng sai (250k)
Lý thuyết bài học và kiến thức trọng tâm (200k)
File word giải bài tập sgk (150k)
Phiếu bài tập để học sinh luyện kiến thức (200k)
.....
Các tài liệu được bổ sung liên tục để 30/01 có đủ cả năm

Nâng cấp lên VIP đê tải tất cả ở tài liệu trên

Phí nâng cấp VIP: 800k

=> Chỉ gửi 450k. Tải về dùng thực tế. Nếu hài lòng, 1 ngày sau mới gửi phí còn lại

Cách tải hoặc nâng cấp:

Bước 1: Chuyển phí vào STK: 1214136868686 - cty Fidutech - MB(QR)
Bước 2: Nhắn tin tới Zalo Fidutech - nhấn vào đây để thông báo và nhận tài liệu

=> Nội dung chuyển phí: Nang cap tai khoan

Chat hỗ trợ - 0386 168 725

=> Giáo án Tin học 12 - Định hướng Tin học ứng dụng chân trời sáng tạo

Xem thêm tài liệu:

Trắc nghiệm Tin học 12 - Định hướng Tin học ứng dụng chân trời sáng tạo

Trắc nghiệm chuyên đề Tin học 12 - Định hướng Tin học ứng dụng chân trời sáng tạo

Từ khóa: giáo án điện tử kì 2 Tin học 12 Tin học ứng dụng Chân trời, giáo án Tin học ứng dụng 12 Chân trời, ppt Tin học 12 định hướng ứng dụng Chân trời sáng tạo

Giáo án ppt kì 2 Tin học 12 Tin học ứng dụng Chân trời sáng tạo

Một số tài liệu quan tâm khác

Phần trình bày nội dung giáo án

Hệ thống có đầy đủ các tài liệu:

Nâng cấp lên VIP đê tải tất cả ở tài liệu trên

Cách tải hoặc nâng cấp:

Tài liệu quan tâm

Cùng chủ đề

Tài liệu quan tâm