Tin học 12 Bài 11: Mô hình hộp, bố cục trang web Tin học lớp 12 Cánh diều trang 83, 84, 85, 86, 87, 88

Bài trước

Mục lục

Bài sau

Giải bài tập Tin học 12 Bài 11: Mô hình hộp, bố cục trang web giúp các em học sinh lớp 12 tham khảo, nhanh chóng trả lời các câu hỏi SGK Tin học 12 Cánh diều trang 83, 84, 85, 86, 87, 88.

Với lời giải chi tiết, trình bày khoa học, giúp các em tìm hiểu bài thuận tiện hơn rất nhiều. Đồng thời, cũng giúp thầy cô tham khảo để soạn giáo án Bài 11 Chủ đề F: Giải quyết vấn đề với sự trợ giúp của máy tính - Tạo trang web cho học sinh của mình theo chương trình mới. Vậy mời thầy cô và các em cùng theo dõi nội dung chi tiết trong bài viết dưới đây của Download.vn:

Giải Tin học lớp 12 Bài 11: Mô hình hộp, bố cục trang web

Giải Vận dụng Tin học 12 Cánh diều Chủ đề F - Bài 11
Trả lời câu hỏi tự kiểm tra Tin học 12 Cánh diều Chủ đề F - Bài 11
- Câu 1
- Câu 2

Giải Vận dụng Tin học 12 Cánh diều Chủ đề F - Bài 11

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>

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

Mô hình hộp, bố cục trang web

Trả lời câu hỏi tự kiểm tra Tin học 12 Cánh diều Chủ đề F - Bài 11

Câu 1

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 2

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à đúng hay sai?

Mô hình hộp, bố cục trang web

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=”submit” name = cmd value =”đồng ý”>

<input type=”submit” 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>Ɖ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

Chia sẻ bởi: