Ví dụ cơ bản về HTML
Trong chương này chúng tôi sẽ trình bày một số ví dụ HTML cơ bản.
Đừng lo lắng nếu chúng tôi sử dụng các thẻ mà bạn chưa tìm hiểu.
Tài liệu HTML
Tất cả tài liệu HTML phải bắt đầu bằng khai báo loại tài liệu: <!DOCTYPE html>
.
Bản thân tài liệu HTML bắt đầu bằng <html>
và kết thúc bằng </html>
.
Phần hiển thị của tài liệu HTML nằm giữa <body>
và </body>
.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Hãy tự mình thử »Tuyên bố <!DOCTYPE>
Khai báo <!DOCTYPE>
thể hiện loại tài liệu và giúp trình duyệt hiển thị trang web một cách chính xác.
Nó chỉ được xuất hiện một lần, ở đầu trang (trước bất kỳ thẻ HTML nào).
Khai báo <!DOCTYPE>
không phân biệt chữ hoa chữ thường.
Khai báo <!DOCTYPE>
cho HTML5 là:
<!DOCTYPE html>
Tiêu đề HTML
Tiêu đề HTML được xác định bằng thẻ <h1>
đến <h6>
.
<h1>
xác định tiêu đề quan trọng nhất. <h6>
xác định tiêu đề ít quan trọng nhất:
Ví dụ
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Hãy tự mình thử » Đoạn HTML
Các đoạn HTML được xác định bằng thẻ <p>
:
Liên kết HTML
Liên kết HTML được xác định bằng thẻ <a>
:
Đích của liên kết được chỉ định trong thuộc tính href
.
Các thuộc tính được sử dụng để cung cấp thêm thông tin về các phần tử HTML.
Bạn sẽ tìm hiểu thêm về các thuộc tính trong chương sau.
Hình ảnh HTML
Hình ảnh HTML được xác định bằng thẻ <img>
.
Tệp nguồn ( src
), văn bản thay thế ( alt
), width
và height
được cung cấp dưới dạng thuộc tính:
Cách xem nguồn HTML
Bạn đã bao giờ nhìn thấy một trang Web và tự hỏi "Này! Họ làm điều đó như thế nào?"
Xem mã nguồn HTML:
Nhấp vào CTRL + U trong trang HTML hoặc nhấp chuột phải vào trang và chọn "Xem nguồn trang". Thao tác này sẽ mở một tab mới chứa mã nguồn HTML của trang.
Kiểm tra một phần tử HTML:
Nhấp chuột phải vào một phần tử (hoặc một vùng trống) và chọn "Kiểm tra" để xem những phần tử nào được tạo thành (bạn sẽ thấy cả HTML và CSS). Bạn cũng có thể chỉnh sửa HTML hoặc CSS nhanh chóng trong bảng Thành phần hoặc Kiểu mở ra.