Sử dụng một khung HTML
Bộ xương là bộ khung hỗ trợ của một sinh vật.
Nó thường được làm từ 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 nên có một 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:
Thí 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>
Nhấp vào nút "Hãy tự mình thử" để xem nó hoạt động như thế nào!
Cố gắng 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 cho nó?
Xin chúc mừng! Bây giờ bạn đã biết cách chỉnh sửa HTML.
Giải thích về bộ xương HTML
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 đầu và phần cuối của tài liệu HTML.
Ngôn ngữ là tiếng Anh:
<html lang="en">
</html>
Thẻ meta charset định nghĩa bộ ký tự (UTF-8):
Trang HTML bị thiếu thẻ head. Thẻ Head 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 một tiêu đề trang thích hợp:
<title>Page Title</title>
Thẻ meta viewport giúp trang trông đẹp 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 script:
<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%">
Làm cho nó trở thành một habbit để "đóng gói" các phần HTML trong các phần tử div.
Chuẩn bị tinh thần để đặt tên lớp cho mỗi phần:
<div class="class name">
</div>
Các thẻ tiêu đề xác định các tiêu đề HTML:
<h1>This is a Heading</h1>
Thẻ đoạn văn xác định các đoạn văn bản HTML:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>