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

Trả lời:

Theo mặc định, phần tử ul được hiển thị trên màn hình trình duyệt web theo khối. Vậy đáp án đúng là: A. ul

Trả lời:

Theo mặc định, phần tử input được hiển thị trên màn hình trình duyệt web theo dòng. Vậy đáp án đúng là: C. input

Trả lời:

Phần tử div được sử dụng để nhóm các phần tử HTML lại với nhau thành một khối riêng biệt.Vậy đáp án đúng là: D. div

Trả lời:

Độ rộng của vùng nội dung khi hiển thị trên màn hình trình duyệt web. được xác định bởi thuộc tính width. Vậy đáp án đúng là:

B. Độ rộng của vùng nội dung khi hiển thị trên màn hình trình duyệt web.

Trả lời:

Giá trị 82px là chiều rộng của phần tử p khi hiển thị trên màn hình trình duyệt web tính theo pixel. Vậy đáp án đúng là: D. 82px.

Trả lời:

Độ cao của vùng nội dung khi hiển thị trên màn hình trình duyệt web. được xác định bởi thuộc tính height. Vậy đáp án đúng là:

B. Độ cao của vùng nội dung khi hiển thị trên màn hình trình duyệt web.

Trả lời:

Tác dụng Xác định khoảng cách giữa vùng nội dung và vùng đường viền của phần tử p là 20 pixel.là tác dụng của khai báo CSS: p {padding: 20px;}. Vậy đáp án đúng là:

B. Xác định khoảng cách giữa vùng nội dung và vùng đường viền của phần tử p là 20 pixel.

Trả lời:

Tác dụng Xác định các khoảng cách lề của phần tử p: lề trái, lề trên, lề phải, lề dưới là 10 pixel.là tác dụng của khai báo CSS: p {margin: 10px;}. Vậy đáp án đúng là: A. Xác định các khoảng cách lề của phần tử p: lề trái, lề trên, lề phải, lề dưới là 10 pixel.

Trả lời:

Khai báo h1 {padding: 25px;} được dùng để thiết lập khoảng cách giữa vùng nội dung và vùng đường viền của phần tử h1 là 25 pixel. Vậy đáp án đúng là: D. h1 {padding: 25px;}

Trả lời:

Phát biểu sau đúng: C. Nếu không khai báo thuộc tính display, phần tử được hiển thị theo thi lập mặc định.

Trả lời:

Trong bố cục trang web, thanh điều hướng thường cung cấp thông tin sau: Cung cấp các siêu liên kết đến các trang web khác. Vậy đáp án đúng là: D. Cung cấp các siêu liên kết đến các trang web khác.

Trả lời:

a) Đúng

b) Sai

c) Sai

d) Đúng.

Trả lời:

a) Đúng

b) Đúng

c) Sai

d) Sai

Trả lời:

a) Đúng

b) Sai

c) Đúng

d) Sai

Trả lời:

a) Sai

b) Đúng

c) Sai

d) Đúng.

Trả lời:

a) Sai.

b) Đúng.

c) Đúng.

d) Đúng.

Trả lời:

Ghép mỗi dòng trong bảng bên trái với một dòng trong bảng bên phải sao cho hợp lí như sau: 1-b; 2-c; 3-a

Trả lời:

Cụm từ phù hợp để điền vào chỗ chấm (...) trong câu sau: “Trong mô hình hộp, vùng đệm là vùng ”, “ngăn cách giữa vùng đường viền và vùng nội dung”.

Trả lời:

Chiều cao của phần tử p là 62 pixel khi hiển thị trên màn hình trình duyệt web.

Trả lời:

Có 02 lỗi. Lỗi đặt tên lớp trong phần tử p. Sai giá trị của thuộc tính display ở dòng thứ hai.

Trả lời:

Có 02 lỗi cú pháp khai báo CSS trong tệp “styles.css”. Đó là lỗi đặt tên lơp trong phần tử p; sai giá trị của thuộc tinhs display ở dòng thứ hai.

Trả lời:

Các thuộc tính được sử dụng để thiết lập cụ thể khoảng cách tương ứng cho lề trái, lề trên, lề phải và lề dưới của phần tử thay vì dùng margin sẽ thiết lập khoảng cách các lề bằng nhau.

Trả lời:

Lề trên: 10 pixel. Lề trái và lề phải: 20 pixel. Lề dưới: 30 pixel.

Trả lời:

Viết quy tắc định dạng để khai báo phần tử a có độ rộng là 50 pixel, khoảng cách các vùng đệm là 2 pixel, khoảng cách đường viền là 3 pixel, khoảng cách lề là 5 pixel như sau:

a {width: 50px; padding: 2px; border: 3px; margin:5px}

Trả lời:

Bổ sung các khai báo CSS cần thiết trong cặp thẻ $<$style></style> bắt đầu ở dòng 8 trong văn bản HTML (Hình 1) để khi mở trên trình duyệt web kết quả hiển thị như minh hoạ ở Hình 2 như sau:

h1, h2 {display: inline;}

a {display: block;}

Trả lờ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ả.