Sử dụng bộ xương HTML
Nó thường được làm từ thứ gì đó cứng để bảo vệ cơ thể dễ bị tổn thương hơn.
Bách khoa toàn thư
Mọi nhà phát triển Web đều phải có một bộ khung HTML.
Nó nên được giữ trong túi của anh ấy và được sử dụng cho mọi công việc:
Ví dụ
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>
<img src="img_la.jpg" alt="LA" style="width:100%">
<div class="">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>
</body>
</html>
Hãy nhấp vào nút "Tự mình thử" để xem nó hoạt động như thế nào!
Hãy thử thay đổi văn bản "Đây là tiêu đề" thành "Đây là đám cưới của tôi".
Bạn đã làm được nó phải không?
Chúc mừng! Bây giờ bạn đã biết cách chỉnh sửa HTML.
Bộ xương HTML được giải thích
DOCTYPE phải có mặt. Nó thông báo cho trình duyệt rằng đây là một tài liệu HTML:
<!DOCTYPE html>
Thẻ bắt đầu html và thẻ kết thúc html xác định phần bắt đầu và kết thúc của tài liệu HTML.
Ngôn ngữ là tiếng Anh:
<html lang="en">
</html>
Thẻ bộ ký tự meta xác định bộ ký tự (UTF-8):
Trang HTML thiếu thẻ head. Thẻ đầu không cần thiết trong HTML.
Trong HTML, mọi thứ trước thẻ body đều được coi là một phần của phần đầu.
<meta charset="UTF-8">
Tiêu chuẩn HTML yêu cầu tiêu đề trang phù hợp:
<title>Page Title</title>
Thẻ meta viewport giúp trang trông đẹp mắt trên mọi kích thước màn hình (Máy tính xách tay, Thiết bị di động):
<meta name="viewport" content="width=device-width,initial-scale=1">
Thẻ liên kết liên kết đến một biểu định kiểu:
<link rel="stylesheet" href=" name ">
Thẻ bắt đầu và thẻ kết thúc bao quanh kiểu CSS trong tương lai:
<style>
</style>
Thẻ script liên kết đến một tập lệnh:
<script src=" name "></script>
Thẻ bắt đầu và thẻ kết thúc bao quanh phần nội dung hiển thị của tài liệu HTML:
<body>
</body>
Thẻ hình ảnh xác định hình ảnh HTML:
<img src="img_la.jpg" alt="LA" style="width:100%">
Hãy tạo thói quen "đóng gói" các phần HTML trong các phần tử div.
Hãy chuẩn bị cho mình một tên lớp cho mỗi phần:
<div class=" class name ">
</div>
Thẻ tiêu đề xác định tiêu đề HTML:
<h1>This is a Heading</h1>
Thẻ đoạn xác định đoạn HTML:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>