Sử dụng phần tử div trong bố cục trang web trang 63 SBT Tin học 12

Giảm giá 50% sách VietJack đánh giá năng lực các trường trên Shopee Mall

Sách bài tập Tin học 12 Bài 11: Mô hình hộp, bố cục trang web - Cánh diều

Câu F199 trang 63 SBT Tin học 12: Sử dụng phần tử div trong bố cục trang web,

Yêu cầu: Sử dụng phần tử dày và kết hợp với các thuộc tỉnh định dạng CSS để soạn văn bản HTML tạo trang web khi mở trên trình duyệt web có kết quả như mình hoạ ở Hình 3,

Phần tử div

Thảm sát dòng nhờst các phần tử HTMi khác lại với chan và ra thành một khối phân nền được sử dụng để tạo cấu trúc và xây dựng gia đình trong web. Hình 3. Trang web mình hoa kết quả bài tập F199

Quảng cáo

Lời giải:

Bước 1. Tạo cấu trúc trang web

<!DOCTYPE html>

<html>

<head>

</head>

</html>

Bước 2. Khai báo định dạng internal CSS trong nội dung phần tử head. <style>

.divl{

border: 2px solid black;

height: 50px;

width: 1260px;

margin: 5px;

}

.div2 {

display: inline;

}

.div3 {

width: 600px;

margin: 5px;

border: 2px dotted blue;

display: inline;

width: 600px;

border: 2px dashed red; margin: 5px;

</style>

Bước 3. Khai báo nội dung, bố cục trang web bằng phần tử div trong phần

tử body.

<h3>Phần tử dùng nhóm các phần tử HTML khác lại với nhau và tạo thành một khối.</h3>

</div>

<h3>Phần tử div được sử dụng để tạo cấu trúc và xây dựng giao diện trang web.</h3>

</div>

Bước 4. Chọn File\Save, ghi lưu tệp với tên “F199.html”. Bước 5. Mở tệp bằng trình duyệt web và xem kết quả.

Quảng cáo

Lời giải SBT Tin 12 Bài 11: Mô hình hộp, bố cục trang web hay khác:

Quảng cáo

Xem thêm các bài giải sách bài tập Tin học lớp 12 Cánh diều hay, chi tiết khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Tài liệu cho giáo viên: Giáo án, powerpoint, đề thi giữa kì cuối kì, đánh giá năng lực, thi thử THPT, HSG, chuyên đề, bài tập cuối tuần..... độc quyền VietJack, giá hợp lí

Sách VietJack thi THPT quốc gia 2025 cho học sinh 2k7:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official