Câu hỏi:
09/08/2024 76
Sử dụng phần tử div trong bố cục trang web,
Yêu cầu: Sử dụng phần tử dày và kết hợp với các thuộc tỉnh định dạng CSS để soạn văn bản HTML tạo trang web khi mở trên trình duyệt web có kết quả như mình hoạ ở Hình 3,
Phần tử div
Thảm sát dòng nhờst các phần tử HTMi khác lại với chan và ra thành một khối phân nền được sử dụng để tạo cấu trúc và xây dựng gia đình trong web. Hình 3. Trang web mình hoa kết quả bài tập F199
Sử dụng phần tử div trong bố cục trang web,
Yêu cầu: Sử dụng phần tử dày và kết hợp với các thuộc tỉnh định dạng CSS để soạn văn bản HTML tạo trang web khi mở trên trình duyệt web có kết quả như mình hoạ ở Hình 3,
Phần tử div
Thảm sát dòng nhờst các phần tử HTMi khác lại với chan và ra thành một khối phân nền được sử dụng để tạo cấu trúc và xây dựng gia đình trong web. Hình 3. Trang web mình hoa kết quả bài tập F199
Sách mới 2k7: Tổng ôn 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ừ 110k).
Quảng cáo
Trả lời:
Giải bởi Vietjack
Trả lời:
Bước 1. Tạo cấu trúc trang web
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>F199</title>
</head>
<body> </body>
</html>
Bước 2. Khai báo định dạng internal CSS trong nội dung phần tử head. <style>
.divl{
border: 2px solid black;
height: 50px;
width: 1260px;
margin: 5px;
}
.div2 {
display: inline;
}
.div3 {
width: 600px;
margin: 5px;
border: 2px dotted blue;
display: inline;
width: 600px;
border: 2px dashed red; margin: 5px;
</style>
Bước 3. Khai báo nội dung, bố cục trang web bằng phần tử div trong phần
tử body.
<div class="div1"><hl>Phần tử div?</h1></div>
<div class="div2">
<h3>Phần tử dùng nhóm các phần tử HTML khác lại với nhau và tạo thành một khối.</h3>
</div>
<div class="div3">
<h3>Phần tử div được sử dụng để tạo cấu trúc và xây dựng giao diện trang web.</h3>
</div>
Bước 4. Chọn File\Save, ghi lưu tệp với tên “F199.html”. Bước 5. Mở tệp bằng trình duyệt web và xem kết quả.
Nhà sách VIETJACK:
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Phần tử nào sau đây được sử dụng để nhóm các phần tử HTML lại với nhau thành một khối riêng biệt?
A. p
B. input
C. img
D. div
Phần tử nào sau đây được sử dụng để nhóm các phần tử HTML lại với nhau thành một khối riêng biệt?
A. p
B. input
C. img
D. div
Xem đáp án »
09/08/2024
219
Câu 2:
Cho các cụm từ sau: “ngăn cách vùng lề và vùng đường viền”, “ngăn cách giữa vùng đường viền và vùng nội dung”, “ngăn cách giữa các phần tử liên tiếp nhau”, “ngăn cách giữa các dòng văn bản trong vùng nội dung”. Hãy chọn cụm từ phù hợp để điền vào chỗ chấm (...) trong câu sau: “Trong mô hình hộp, vùng đệm là vùng
Xem đáp án »
09/08/2024
163
Câu 3:
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo khối?
A. ul
B. label
C. img
D. a
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo khối?
A. ul
B. label
C. img
D. a
Xem đáp án »
09/08/2024
151
Câu 4:
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo dòng?
A. div
B. hl
C. input
D. p
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo dòng?
A. div
B. hl
C. input
D. p
Xem đáp án »
09/08/2024
133
Câu 5:
Độ rộng nào sau đây được xác định bởi thuộc tính width?
A. Độ rộng của phần tử khi hiển thị trên màn hình trình duyệt web.
B. Độ rộng của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
C. Độ rộng của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
D. Độ rộng của vùng lề và vùng đường viền khi hiển thị trên màn hình trình duyệt web.
Độ rộng nào sau đây được xác định bởi thuộc tính width?
A. Độ rộng của phần tử khi hiển thị trên màn hình trình duyệt web.
B. Độ rộng của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
C. Độ rộng của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
D. Độ rộng của vùng lề và vùng đường viền khi hiển thị trên màn hình trình duyệt web.
Xem đáp án »
09/08/2024
130
Câu 6:
Mỗi phát biểu sau đây khi thiết lập giá trị cho thuộc tính display là đúng hay sai?
a) Phần tử được khai báo CSS {display: block;} có thể hiển thị cùng dòng với các phần tử khác.
b) Khi không khai báo thuộc tính CSS display thì phần tử sẽ hiển thị theo khối hoặc theo dòng tuỳ vào giá trị thiết lập mặc định.
e) Phần tử được khai báo CSS {display: inline;} sẽ hiển thị trên một dòng mới.
d) Phần tử được khai báo CSS {display: block;} sẽ hiển thị trên một dòng mới.
Mỗi phát biểu sau đây khi thiết lập giá trị cho thuộc tính display là đúng hay sai?
a) Phần tử được khai báo CSS {display: block;} có thể hiển thị cùng dòng với các phần tử khác.
b) Khi không khai báo thuộc tính CSS display thì phần tử sẽ hiển thị theo khối hoặc theo dòng tuỳ vào giá trị thiết lập mặc định.
e) Phần tử được khai báo CSS {display: inline;} sẽ hiển thị trên một dòng mới.
d) Phần tử được khai báo CSS {display: block;} sẽ hiển thị trên một dòng mới.
Xem đáp án »
09/08/2024
126
Câu 7:
Độ cao nào sau đây được xác định bởi thuộc tính height?
A. Độ cao của phần tử khí hiển thị trên màn hình trình duyệt web,
B. Độ cao của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
C. Độ cao của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
D. Độ cao của vùng lề và vùng đường viền khi hiển thị trên màn hình trinh duyệt web.
Độ cao nào sau đây được xác định bởi thuộc tính height?
A. Độ cao của phần tử khí hiển thị trên màn hình trình duyệt web,
B. Độ cao của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
C. Độ cao của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
D. Độ cao của vùng lề và vùng đường viền khi hiển thị trên màn hình trinh duyệt web.
Xem đáp án »
09/08/2024
119
Bình luận
🔥 Đề thi HOT:
-
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 KNTT Bài 7: HTML và cấu trúc trang web
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 10: Tạo liên kết
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 8: Định dạng văn bản
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 11: Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 9: Tạo danh sách, bảng
-
15 câu Trắc nghiệm Tin học 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản
-
Đề thi Học kì 1 Tin học 12 có đáp án (Đề 1)
về câu hỏi!