Câu hỏi:
09/08/2024 25Sử 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: 30 đề đánh giá năng lực DHQG Hà Nội, Tp. Hồ Chí Minh, BKHN 2025 mới nhất (600 trang - chỉ từ 160k).
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>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ả.
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Độ 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.
Câu 2:
Trong các phát biểu sau, phát biểu nào đúng?
A. Nếu không khai báo thuộc tính display, phần tử được hiển thị theo dòng
B. Nếu không khai báo thuộc tính display, phần tử được hiển thị theo khỏi
C. Nếu không khai báo thuộc tính display, phần tử được hiển thị theo thi lập mặc định.
D. Nếu khai báo thuộc tính display: inline, phần tử được hiển thị theo khối
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 dòng?
A. div
B. hl
C. input
D. p
Câu 4:
Khai báo nào sau đây được dùng để thiết lập khoảng cách giữa vùng nội dung và vùng đường viền của phần tử h1 là 25 pixel?
A. h1 {border:25px;}
C. h1 {height: 25px;}
B. h1 {margin: 25px;}
D. h1 {padding: 25px;}
Câu 5:
Em hãy ghép mỗi dòng trong bảng bên trái với một dòng trong bảng bên phải sao cho hợp lí.
Câu 6:
Khai báo thuộc tính định dạng sử dụng mô hình hộp.
Yêu cầu: Viết quy tắc định dạng để khai báo phần tử a có độ rộng là 50 pixel, khoảng cách các vùng đệm là 2 pixel, khoảng cách đường viền là 3 pixel, khoảng cách lề là 5 pixel.
Câu 7:
Em hãy cho biết khoảng cách lề của phần tử img được xác định trong khai báo img {margin: 10px 20px 30px;} so với các phần tử khác như thế nào.
Bài tập thực hành.
về câu hỏi!