khoahoc.vietjack.com
Kích hoạt VIP
Tạo VIP
  1. Lớp 12
  2. Tin học
  3. 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

44 người thi tuần này 4.6 625 lượt thi 6 câu hỏi

Bạn cần đăng ký gói VIP ( giá chỉ từ 250K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.

Nâng cấp VIP

🔥 Học sinh cũng đã học

436 người thi tuần này

Đề thi cuối kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 6

4.6 K lượt thi 28 câu hỏi
186 người thi tuần này

Đề thi cuối kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 5

4.3 K lượt thi 28 câu hỏi
157 người thi tuần này

Đề thi cuối kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 4

4.3 K lượt thi 28 câu hỏi
60 người thi tuần này

Đề thi giữa kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 3

2 K lượt thi 28 câu hỏi
58 người thi tuần này

Đề thi giữa kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 2

2 K lượt thi 28 câu hỏi
1317 người thi tuần này

Đề thi giữa kì 2 Tin học 12 Kết nối tri thức có đáp án - Đề 1

3.2 K lượt thi 28 câu hỏi
72 người thi tuần này

Bộ 3 đề thi cuối kì 2 Tin học 12 Chân trời sáng tạo có đáp án - Đề 3

1.8 K lượt thi 28 câu hỏi
72 người thi tuần này

Bộ 3 đề thi cuối kì 2 Tin học 12 Chân trời sáng tạo có đáp án - Đề 2

1.8 K lượt thi 28 câu hỏi

Danh sách câu hỏi:

Câu 1/6

Em hãy truy cập trang chủ của các website: http:/moet.gov.vn, htttp://tienphong.vn. Theo em, bố cục của hai trang web này có giống nhau không? 

Lời giải

- Bố cục của 2 trang web này giống nhau: đều có menu ngang, bố cục theo 3 cột dọc. 

Câu 2/6

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? 

Lời giải

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

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. 

Lời giải

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

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. 

Lời giải

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

Câu 5/6

Cho khai báo định dạng sau: p{height: 50 px; padding:5px; border: 2px solid; margin: 4px;}. Khi đó chiều cao của phần tử p tính theo pixel là bao nhiêu? 

A. 60px 

B. 72px  

C. 54px 

D. 64px 

Lời giải

Đáp án đúng là: C. 54px 

Câu 6/6

Cần thiết lập hiển thị theo dòng hoặc theo khối để tạo trang web như ở Hình 7, mỗi phát biểu dưới đây là dúng hay sai? 

 

a) Theo mặc định, các phần tử input được hiển thị theo khối nên khi khai báo các phần tử input trong văn bản HTML không cần xác định thuộc tính display mà các điều khiển trên biểu mẫu vẫn hiển thị đúng như yêu cầu. 

b) Để hiển thị như yêu cầu cần định dạng các label được hiển thị theo khối bằng khai báo định dạng label {display: block}. Phần body của văn bản HTML 

khai báo như sau: 

<body> <form> 

<lable>Họ tên<input type=”text name=”txten”></lable> 

<lable>Địa chỉ<input type=”text name=”txDiachi”></lable> 

<input type=”sumbmit” name = cmd value =”đồng ý”> 

<input type=”sumbmit” name = cmd value =”huỷ bỏ”> 

</body> </form> 

c) Để hiển thị như yêu cầu cần định dạng các label được hiển thị theo khối bằng khai báo label {display: block}. Phần body của văn bản HTML khai báo như sau: 

<body> <form> 

<label>Họ tên</label><input type="text" name="txtTen"> 

<label>Ɖia chi<label><input type="text" name="txtDiachi"> <input type="submit" name="cmd" value="Đồng ý"> 

<input type="submit" name="cmd" value="Huy bo"> </form></body> 

d) Theo mặc định, các phần tử input được hiển thị theo dòng nên cần khai báo định dạng hiển thị theo khối cho hai ô text nhập dữ liệu .bl {display: block}. Phần body của văn bản HTML khai báo như sau: 

<body> <form> 

<label>11o tên<input class="bl" type="text" name="txtTen"></label> 

<label>Dia chi<input class="bl" type="text" name="txtDiachi"></label>  

<input type="submit" name "cmd" value "Dong y"> 

<input type="submit" name="cmd" value-"Huỷ bo"> 

 </form> </body> 

Lời giải

a) Sai 

b) Sai 

c) Sai 

d) Đúng

Đăng ký

Bạn đã có tài khoản?

Khóa học 1 - 12
THPT
  • L Lớp 12 13.871 đề thi • 494 bài giảng
  • L Lớp 11 10.324 đề thi • 381 bài giảng
  • L Lớp 10 10.056 đề thi • 758 bài giảng
THCS
  • L Lớp 9 10.249 đề thi • 1.156 bài giảng
  • L Lớp 8 8.251 đề thi • 1.136 bài giảng
  • Xem thêm
Phòng luyện đề
ĐGNL - ĐGTD
Tốt nghiệp THPT
Ôn vào 10
Ôn vào 6
Tài liệu
THPT
THCS
Tuyển Sinh
CÔNG TY TNHH ĐẦU TƯ VÀ DỊCH VỤ GIÁO DỤC VIETJACK
Giấy chứng nhận ĐKKD số: 0108307822 do Sở KH & ĐT TP Hà Nội cấp lần đầu ngày 04/06/2018
© 2017 Vietjack37. All Rights Reserved.
zalo Nhắn tin Zalo Hỏi bài tập