Câu hỏi:
09/08/2024 113Tạo trang web sử dụng CSS.
Yêu cầu: Em hãy soạn văn bản HTML áp dụng các CSS đã khai báo trong các bài F172, F173 để tạo trang web, khi mở trên trình duyệt web có kết quả như minh hoạ ở Hình 1.
Sách mới 2k7: Sổ tay Toán, Lí, Hóa, Văn, Sử, Địa... kỳ thi tốt nghiệp THPT Quốc gia 2025, đánh giá năng lực (chỉ từ 30k).
Quảng cáo
Trả lời:
Trả lời:
Bước 1. Tạo cấu trúc trang web
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>F174</title>
</head>
<body>
</body>
</html>
Bước 2. Khai báo internal CSS trong nội dung phần tử head. <style>
h2.blue{color: blue; font-weight: bold;}
h2.red {color: red; }
.black{
color: black;
background-color: yellow;
}
#khung
background-color: cyan;
}
</style>
border-style:solid; border-color: black;
Bước 3. Khai báo nội dung sử dụng bộ chọn lớp trong phần tử body.
<h2 class=“blue”> Tiêu đề mục áp dụng bộ chọn lớp định dạng chữ màu xanh khai báo ở bài tập F172 </h2>
<h2 class=“red”> Tiêu đề mục áp dụng bộ chọn lớp định dạng chữ màu đỏ khai bảo ở bài tập F172</h2>
<h2 class="black"> Tiêu đề mục áp dụng bộ chọn lớp khai báo ở bài tập F173 </h2>
<p id=“khung”> Đoạn văn áp dụng bộ chọn định danh được khai báo ở bài tập F88 </p>
Bước 4. Chọn File\Save, ghi lưu tệp với tên “F174.html”.
Bước 5. Mở tệp bằng trình duyệt web và xem kết quả.
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Khai báo CSS nào sau đây đúng cú pháp”?
A. ticude color: red; background-color: yellow;
B. tiende color: yellow; background-color: red;
C. ht color: red; background-color: yellow;}
D. tiende color: yellow; background-color: red;}
Câu 2:
khai báo CSS sử dụng bộ chọn định danh nào sau đây đúng cú pháp
A. ficummies { font-size: 20px!
B. 452font-family: "Arial" font-size: 20px
C. #hs font-size: 20px!
D. ficumues ">
Câu 3:
Cho khai báo CSS sau; a bold font-weight: bold; và áp dụng khai báo CSS cho văn bản “index.html”, mỗi phát biểu sau đây là đúng hay sai?
a) Khai bảo tạo bộ chọn lớp có tên bold cho phần tử a.
b) Các phần tử
chữ sẽ in đậm.
trong văn bản “index.html" có thuộc tỉnh class = "bold"
c) Phần tử a trong văn bản "index.html" chữ sẽ in đậm.
d) Khai báo CSS không đúng cú pháp vì bộ chọn lớp không thuộc một phần tử cụ thể.
Câu 4:
Khai báo CSS nào sau đây đúng cú pháp?
A. nutlenh {color: blue; background-color: grey;}
B. *nutlenh {color: blue; background-color: grey;}
C. #nutlenh {color: blue; background-color: grey;}
D. ^nutlenh {color: blue; background-color: grey;}
Câu 5:
Khai báo CSS nào sau đây sử dụng bộ chọn lớp?
A. h1 {color: blue; }
B. tieude {color: red; }
C. #h7 {background-color: yellow;}
D. footer {background-color: yellow;}
Câu 6:
Cho khai báo CSS sau: a#lienket {color: blue; }. Khai báo siêu liên kết nào sau đây sẽ áp dụng định dạng CSS trên?
A. <a href="https://www.htmlquick.com/tutorials.html">Hoc HTML </a>
B. <a href="https://www.htmlquick.com/tutorials.html" class="green">Hoc
HTML Ja
C.-ahref="https://www.htmlquick.com/tutorials.html" id="lienket">Hoc
HTML </a>
D. <a href="https://www.htmlquick.com/tutorials.html" class="lienker"-Hoc
HTML/a>
Câu 7:
Tệp "style.css” có các khai báo định dạng sau:
.stylel {color: blue; }
style2 { }
#style3 {color: blue; }
#style4 { }
Áp dụng tệp “style.css" để định dạng cho phần tử p trong văn bản HTML. Khai báo nào sau đây được sử dụng để định dạng phần tử p có chữ màu xanh và phông chữ Courier New?
A. <p id = "style3 style 4” > Đoạn văn bản áp dụng tệp style.css</p>
B. <p id = “style4 style 3" > Đoạn văn bản áp dụng tệp style.css</p>
C. <p id="style2" class = “stylel” > Đoạn văn bản áp dụng tệp style. css</p>
D. <p id="style3" class css</p> “style2” > Đoạn văn bản áp dụng tệp style.
Câu trắc nghiệm đúng sai. Trong mỗi ý a), b), c), d) ở mỗi câu, em chọn đúng hoặc sai.
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 15 có đáp án
263 câu Trắc nghiệm tổng hợp ôn thi tốt nghiệp THPT môn Tin học Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18 có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 16 có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 19 có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 14 có đáp án
15 câu Trắc nghiệm Tin học 12 Cánh diều Làm quen với CSS có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 7 có đáp án
về câu hỏi!