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

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

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

Quảng cáo

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:

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

Quảng cáo

Lời giải bài tập Tin học 12 Bài 10: Bộ chọn lớp, bộ chọn định danh hay khác:

Quảng cáo

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:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Nếu thấy hay, hãy động viên và chia sẻ nhé! Các bình luận không phù hợp với nội quy bình luận trang web sẽ bị cấm bình luận vĩnh viễn.


Giải bài tập lớp 12 Cánh diều khác