Sử dụng phần tử div trong bố cục trang web: 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

Trang trước Trang sau

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ờ các phần tử HTML 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 họa 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>

<meta charset="utf-8">

<title>F199</title>

</head>

<body> </body>

</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.

<div class="div1"><hl>Phần tử div?</h1></div>

<div class="div2">

<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>

<div class="div3">

<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
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:

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

TÀI LIỆU FILE WORD DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

+ Bộ giáo án, đề thi tốt nghiệp THPT, DGNL các trường các trường có lời giải chi tiết 2025 tại https://tailieugiaovien.com.vn/

+ Hỗ trợ zalo: VietJack Official

+ Tổng đài hỗ trợ đăng ký : 084 283 45 85

500+ đề thi thử tốt nghiệp THPT Quốc gia form 2025

( 128 tài liệu )

100+ đề thi ĐGNL ĐHQG Hà Nội, Tp.Hồ Chí Minh...

( 84 tài liệu )

Đề thi giữa kì, cuối kì 12

( 143 tài liệu )

Bài giảng Powerpoint Văn, Sử, Địa 12....

( 31 tài liệu )

Chuyên đề dạy thêm Toán, Lí, Hóa ...12

( 104 tài liệu )

Đề thi HSG 12

( 4 tài liệu )

xem tất cả

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Nếu thấy hay, hãy động viên và chia sẻ nhé! Các bình luận không phù hợp với nội quy bình luận trang web sẽ bị cấm bình luận vĩnh viễn.

Trang trước Trang sau
Giải bài tập lớp 12 Cánh diều khác
Học cùng VietJack
Tài liệu giáo viên lop 10-11-12