Eballsviet.com
Học tập Lớp 12 Tin học 12 Cánh Diều

Tin học 12 Bài 10: Bộ chọn lớp, bộ chọn định danh Tin học lớp 12 Cánh diều trang 77, 78, 79, 80, 81, 82

Giới thiệu Tải về Bình luận

Giải bài tập Tin học 12 Bài 10: Bộ chọn lớp, bộ chọn định danh 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 77, 78, 79, 80, 81, 82.

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 10 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 Eballsviet.com:

Giải Tin học lớp 12 Bài 10: Bộ chọn lớp, bộ chọn định danh

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

Vận dụng 1

Khai báo bộ chọn lớp, bộ chọn định danh, giá trị thuộc tính class cho phần tử body, id để hoàn thiện website cá nhân đã có ở các bài học trước.

Gợi ý thực hiện.

– Mở tệp “style.css”: Khai báo bộ chọn lớp có tên bg để thiết lập màu nền (ví dụ: lighigrey). Khai báo bộ chọn định danh có tên submit để trình bày màu của nút

lệnh (ví dụ: blue).

- Bổ sung khai báo giá trị thuộc tính class cho phần tử body của các tệp “hobbies.html” và “album.html” là bg.

- Bổ sung khai báo giá trị thuộc tính id cho nút lệnh submit trong tệp "index.html" là submit.

Lời giải:

Gợi ý thực hiện.

– Mở tệp “style.css”: Khai báo bộ chọn lớp có tên bg để thiết lập màu nền (ví dụ: lighigrey). Khai báo bộ chọn định danh có tên submit để trình bày màu của nút

lệnh (ví dụ: blue).

- Bổ sung khai báo giá trị thuộc tính class cho phần tử body của các tệp “hobbies.html” và “album.html” là bg.

- Bổ sung khai báo giá trị thuộc tính id cho nút lệnh submit trong tệp "index.html" là submit.

Code như sau:

<!DOCTYPE html>

<html>

<head>

<title>index</title>

<meta charset="utf-8">

</head>

<style>

#tieu_de_muc-chinh {color: red;}

body {background-color: cyan}

p{}

p{font-size:15px;}

p{color:red;}

</style>

<body>

<ol>

<h1 id="tieu_de_muc-chinh"> Kế hoạch học tập </h1>

<p class="blue"> Giới thiệu về bản thân </p>

<p class="blue"> Họ tên tôi là: ...... Sinh ngày: 25/04/1985. Địa chỉ: Hà Nội </p>

</ol>

</body>

</html>

Kết quả như sau:

Bộ chọn lớp, bộ chọn định danh

Vận dụng 2

Em hãy mở tệp “index.html” để xem website cá nhân và tự đánh giá có hài lòng với thành quả của bản thân không.

Lời giải:

Code như sau:

<!DOCTYPE html>

<html>

<head>

<title>index</title>

<meta charset="utf-8">

</head>

<style>

#tieu_de_muc-chinh {color: red;}

body {background-color: cyan}

p{}

p{font-size:15px;}

p{color:red;}

</style>

<body>

<ol>

<h1 id="tieu_de_muc-chinh"> Kế hoạch học tập</h1>

<p class="blue"> Giới thiệu về bản thân </p>

<p class="blue"> Họ tên tôi là: ...... Sinh ngày: 25/04/1985. Địa chỉ: Hà Nội</p>

<p class="blue"> Tôi đang học lớp 12, Trường................. </p>

</ol>

</body>

</html>

Kết quả: Hài lòng khi làm được những nội dung web đơn giản.

Bộ chọn lớp, bộ chọn định danh

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

Câu 1

Cho khai báo định dạng CSS sau:

a.xanh {color: blue; font-size:15px;}.

Trong các khai báo HTML sau, khai báo nào sẽ áp dụng định dạng CSS trên?

A. <p class= "xanh">Học CSS</p>

B.<pid= “xanh”>Học CSS</p>

C. <a href="https://www.w3schools.com" id="xanh">Học CSS</a>

D. <a href="https://www.w3schools.com" class="xanh">Học CSS </a>

Lời giải:

Đáp án đúng là:

C. <a href="https://www.w3schools.com" id="xanh">Học CSS</a>

Câu 2

Cô giáo yêu cầu khai báo và áp dụng CSS để định dạng văn bản HTML có nội dung như ở Hình 6a để có kết quả hiển thị trên trình duyệt web như ở Hình 6b. Sau khi tìm hiểu, các bạn học sinh đã đưa ra các giải pháp sau đây. Em hãy cho biết mỗi phát biểu sau là đúng hay sai:

Bộ chọn lớp, bộ chọn định danh

a) Khai báo CSS sử dụng bộ chọn phần tử cho phần tử h1 vì nội dung văn bản HTML chỉ gồm các phần tử tiêu đề mục h1.

b) Thực hiện các bước sau:

Bước 1. Khai báo CSS sử dụng bộ chọn lớp để định dạng màu chữ khác với màu mặc định.

<style>

tieudel {color: red;}

tieude2 {color: blue;}

</style>

Bước 2. Khai báo thuộc tính class= “tieudel” cho các tiêu đề mục chữ có màu đỏ, khai báo thuộc tính class= “tieude2” cho các tiêu đề mục chữ có màu xanh.

c) Thực hiện các bước sau:

Bước 1. Khai báo CSS sử dụng bộ chọn định danh để định dạng tiêu đề mục chữ có màu xanh, các tiêu đề khác sử dụng bộ chọn phần tử h1.

<style>

#tieudel {color: blue;}

hl {color: red;}

</style>

Bước 2. Khai báo thuộc tính class = “tieudel” cho tiêu đề mục chữ có màu xanh.

d) Thực hiện các bước sau:

Bước 1. Kết hợp khai báo CSS sử dụng bộ chọn lớp, bộ chọn định danh:

<style>

tieudel {color: red;}

#tieude2 {color: blue;}

</style>

Bước 2. Khai báo thuộc tính class=“tieudel” cho các tiêu đề mục chữ màu đỏ, khai báo thuộc tính id= “tieude2” cho các tiêu đề mục chữ có màu xanh.

Lời giải:

a) Đúng

b) Sai

c) Sai

d) Đúng

Chia sẻ bởi: 👨 Lê Thị tuyết Mai
Liên kết tải về

Chọn file cần tải:

  • Tin học 12 Bài 10: Bộ chọn lớp, bộ chọn định danh
    Tải về
Tìm thêm: Tin học 12 Cánh diều
Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!
Số điện thoại này đã được xác thực!
Bạn có thể dùng Sđt này đăng nhập tại đây!
Lỗi gửi SMS, liên hệ Admin
Sắp xếp theo
👨

Tài liệu tham khảo khác

Chủ đề liên quan

Có thể bạn quan tâm

Xem thêm

Mới nhất trong tuần

Xem thêm
Tìm bài trong mục này
Đóng
Chỉ thành viên Download Pro tải được nội dung này! Download Pro - Tải nhanh, website không quảng cáo! Tìm hiểu thêm
Mua Download Pro 79.000đ