Giải Tin học 12 trang 87 Cánh diều

Voucher giảm giá Shopee dịp 15-09

Với Giải Tin học 12 trang 87 trong Bài 11: Mô hình hộp, bố cục trang web Tin 12 Cánh diều hay nhất, ngắn gọn sẽ giúp học sinh dễ dàng trả lời các câu hỏi & làm bài tập Tin 12 trang 87.

Giải Tin học 12 trang 87 Cánh diều

Quảng cáo

Luyện tập trang 87 Tin học 12: 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”; font-size:25px, color: 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.

Quảng cáo

Vận dụng trang 87 Tin học 12: 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>

Quảng cáo

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

Giải Tin học 12 trang 87 Cánh diều

Câu 1 trang 87 Tin học 12: 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

Quảng cáo

Câu 2 trang 87 Tin học 12: 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?

Giải Tin học 12 trang 87 Cánh diều

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

Xem thêm lời giải bài tập Tin học lớp 12 Cánh diều hay nhất, ngắn gọn khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Tài liệu cho giáo viên: Giáo án, powerpoint, đề thi giữa kì cuối kì, đánh giá năng lực, thi thử THPT, HSG, chuyên đề, bài tập cuối tuần..... độc quyền VietJack, giá hợp lí

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

Săn shopee giá ưu đãi :

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official