Trong bài 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 được biết nhưng nó cực kỳ dễ hiểu, các bạn hãy an tâm!
1. <! DOCTYPE> Khai báo tài liệu HTML
<! DOCTYPE html> Tất cả các tài liệu HTML phải bắt đầu bằng khai báo loại tài liệu.
<html> </html> Bản thân tài liệu HTML bắt đầu bằng <html> và kết thúc bằng </html>.
<body> </body> Phần hiển thị của tài liệu HTML nằm giữa <body> và </body>.
- Khai báo <! DOCTYPE> đại diện cho loại tài liệu là HTML và giúp trình duyệt hiển thị các trang web 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.
- <!DOCTYPE html> Là khai báo cho HTML5
2. Thẻ tiêu đề <h1></h1> – HTML Headings
- Các tiêu đề trong 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 nhất, các bạn xem ví dụ về các cấp tiêu đề và hiển thị nó trong ví dụ nhé.
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
Kết quả:
3. Đoạn văn HTML – HTML Paragraphs
Đoạn văn được xác định bằng thẻ đánh dấu <p>
và kết thúc bằng </p>
<p>Cùng học viết wed.</p>
<p>cùng học html.</p>
4. Đường dẫn trong HTML – HTML Links
Các đường dẫn được xác định bằng thẻ <a>
và </a>
<a href="https:tonghop.org">Trang thông tin tổng hợp</a>
Thuộc tính href: Đích đến của đường dẫn này được chỉ định trong
Thuộc tính được dùng để cung cấp thêm thông tin cho phần tử trong HTML.
Bạn sẽ học về các thuộc tính và phần tử của HTML ở bài học sau.
5. Hình ảnh trong HTML – HTML Images
Hình ảnh trong HTML được xác định bằng thẻ<img> Thuộc tính của hình ảnh:
– Tập tin nguồn (src),
– Văn bản thay thế (alt),
– Width và height
Example
<img src"tonghop.org.logo.png" alt="tonghop.org" width="1080" height="900">
6. Nút bấm trong HTML</button> – HTML Button
— Nút bấm trong HTML được xác định bằng thẻ <button>
Example
<button>Click vào đây</button>
7. Danh sách trong HTML<ul>- HTML List
– Danh sách được xác định bằng thẻ
– <ul> (danh sách có dấu đầu dòng/không theo thứ tự)
– <ol> (danh sách có số đầu dòng/theo thú tự),
Theo sau đó là thẻ <li> (liệt kê từng mục) Example
<ul>
<li>Giới thiệu về HTML</li>
<li>Công cụ soạn thảo HTML</li>
<li> Các ví dụ cơ bản về HTML</li>
</ul>