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
Quảng cáo
1 câu trả lời 4
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ả.
Quảng cáo
Bạn cần hỏi gì?
Câu hỏi hot cùng chủ đề
-
Đã trả lời bởi chuyên gia
149346 -
Đã trả lời bởi chuyên gia
99768 -
Đã trả lời bởi chuyên gia
97375 -
Đã trả lời bởi chuyên gia
80043 -
Đã trả lời bởi chuyên gia
72882 -
Đã trả lời bởi chuyên gia
55970 -
Đã trả lời bởi chuyên gia
55345
