Trang chủ Lớp 12 Tin học SGK Tin học 12 Cánh diều Bài 11. Mô hình hộp, bố cục trang web có đáp án

SGK Tin học 12 Cánh diều Bài 11. Mô hình hộp, bố cục trang web có đáp án

SGK Tin học 12 Cánh diều Bài 11. Mô hình hộp, bố cục trang web có đáp án

  • 29 lượt thi

  • 5 câu hỏi

  • 0 phút

Danh sách câu hỏi

Câu 2:

17/08/2026
Theo em, trên một dòng của màn hình trình duyệt web có thể hiện thị nhiều phần tử HTML được không? 
Xem đáp án
Trên một dòng của màn hình trình duyệt web không thể thể hiện thị nhiều phần tử HTML được. Vì theo mặc định, mỗi phần tử HTML sẽ được xác định kiểu hiện thị theo khối hoặc theo dòng. Với cách hiển thị theo khối, mỗi phần tử được hiển thị trên một dòng mới. Ngược lại, với cách hiển thị theo dòng, nhiều phần tử có thể được hiển thị trên cùng một dòng. 

Câu 3:

17/08/2026
Em hãy khai báo thêm các quy tắc định dạng cho trang web “Bài10-NV1.html để nội dung có phần tử body có khoảng cách lề 30 pixel, phần tử h3 có đường viền tô nét (solid), khoảng cách vùng đệm là 20 pixel. 
Xem đáp án

Bước 1. Tạo tệp “Bài 10-NV1.css” 

Mở phần mềm Sublime Text. 

Tạo tệp mới và ghi lưu với tên Bài10-NV1.css. 

Bước 2. Khai báo các quy tắc định dạng CSS như sau: 

.blue {coler: steelblue;} 

.red {coler: darkred;} 

.orangered {font-family: “verdana”; -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text; background-repeat: repeat-x; background-position: left bottom; background-image: var(--urlSpellingErrorV2, ); border-bottom: 1px solid transparent;">orangered:} 

input.yellow {background-color: yellow; } input.blue {background-color: blue; color: white;} 

P{margin: 30px;} 

p.custom-boder {padding: 20px; boder-style:solid;} 

Bước 3. Ghi lưu tệp. 


Câu 4:

17/08/2026
Em hãy sử dụng phần mềm div kết hợp với định dạng CSS để tách trang web Bài 10-NV1.html thành 2 phần: Phần đầu trang và phần nội dung. Phần đầu trang là tiêu đề “Đóng góp ý kiến cho thư viện của nhà trường”, phần nội dung là các thông tin còn lại. Tạo màu nền khác nhau cho 2 phần này. 
Xem đáp án

Code như sau: 

<!DOCTYPE html> 

<html> <head> 

<title>Xác định vị trí tuyệt đối</title> <meta charset="utf-8"> 

<style> 

region {padding: 20px; border-style: solid;} 

.header {background-color: Lightcyan;} 

navigation_menu{background-color: Lightgray; height: 50px;} .content {background-color: Lightsalmon; height: 300px;} .footer {background-color: Lightgray;} 

</style> 

</head> 

<body> 

<div class="header region">Phần đầu trang</div> 

<div class="navigation_menu region">Thanh điều hướng</div> <div class="content region">Phần nội dung</div> <div class="footer region">Phần chân trang</div> 

</body> 

</html> 

Kết quả: 


Bắt đầu thi ngay