Trong bài này chúng tôi sẽ chia sẻ một số ví dụ về HTML cơ bản. Trong các ví dụ có thể có các thẻ tags mà bạn chưa biết, nhưng bạn đừng lo lắng, chúng tôi sẽ giải thích và giúp bạn hiểu về nó.
Tất cả các tài liệu HTML phải khai báo loại tài liệu ở phần đầu của tài liệu : <! DOCTYPE html>.
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Khai báo <! DOCTYPE> là khai báo cho loại, kiểu tài liệu và giúp các trình duyệt hiển thị các trang web một cách chính xác.
Khai báo <! DOCTYPE>, Nó chỉ được xuất hiện một lần, ở đầu trang , trước thẻ HTML.
Các tiêu đề HTML được xác định bằng các 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 hơn.
Ví dụ:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Thẻ pragaraphs được định nghĩa bằng thẻ <p>, được dùng để trình bày và hiển thị nội dung đoạn văn, văn bản. Các nội dung , đoạn văn đặt ở giữa thẻ <p>.
Ví dụ:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Các liên kết HTML được định nghĩa bằng thẻ: <a>.
Ví dụ :
<a href=" http://ihoclaptrinh.com">This is a link</a>
Thẻ hình ảnh được định nghĩa bằng thẻ : <img>
Tệp nguồn (src), văn bản thay thế (alt), chiều rộng và chiều cao được cung cấp dưới dạng các thuộc tính:
Ví dụ:
<img src=" ihoclaptrinh.jpg" alt=" ihoclaptrinh.com " width="100" height="140">
Nhấp chuột phải vào trang HTML và chọn " View Page Source " (trong Chrome hoặc FireFox hoặc tương tự trong các trình duyệt khác. Thao tác này sẽ mở ra một cửa sổ chứa mã nguồn HTML của trang. Sau đó bạn có thể kiểm tra và xem các phần tử HTML của trang web.
Bạn có thể chỉnh sửa các phần tử mã html và css trong