Các ví dụ cơ bản về HTML
Trong bài HTML trước các bạn đã biết được nên dùng công cụ nào để viết code HTML, cách lưu và mở file HTML.
Bài viết này sẽ đưa ra một số ví dụ cơ bản về văn bản HTML. Đừng lo lắng nếu bạn thấy các thẻ đánh dấu chưa được học. Bạn sẽ sớm biết về chúng trong các bài học tới.
Văn bản HTML
- Tất cả các văn bản HTML đều phải bắt đầu bằng
<!DOCTYPE html>
- Còn nguyên nội dung văn bản HTML thì bắt đầu bằng <html> và kết thúc là
</html>
- Phần văn bản HTML sẽ hiển thị là phần nằm trong 2 thẻ
<body>
và</body>
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>Học lập trình HTML</h1>
<p>HTML là ngôn ngữ đánh dấu siêu văn bản.</p>
</body>
</html>
Tiêu đề HTML
Tiêu đề của văn bản HTML được xác định bằng các thẻ đánh dấu <h1>
và </h1>
<h1>
cho biết đó là tiêu đề quan trọng nhất, còn <h6>
cho biết đó là tiêu đề ít quan trọng nhất.
Ví dụ
<h1>Học HTML trên Quantrimang.com</h1>
<h2>Bài hướng dẫn học HTML</h2>
<h3>Học HTML không khó</h3>
Các đoạn văn bản trong HTML
Đoạn văn được xác định bằng thẻ đánh dấu <p>
và kết thúc bằng </p>
Ví dụ
<p>Học viết trang web bằng HTML</p>
<p>Đây là ví dụ về đoạn văn trong HTML</p>
Đường dẫn trong HTML
Các đường dẫn được xác định bằng thẻ <a>
và </a>
Ví dụ
<a href="https:quantrimang.com">Trang Quản trị mạng</a>
- Đích đến của đường dẫn này được chỉ định trong thuộc tính
href.
- 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.
Hình ảnh trong HTML
Hình ảnh được xác định bằng thẻ <img>
Tập tin nguồn (src),
văn bản thay thế (alt), width
và height
là các thuộc tính của hình ảnh.
Ví dụ
<img src-"quantrimang.jpg" alt="quantrimang.com" width="540" height="200">
Nút bấm trong HTML
Nút bấm được xác định bằng thẻ <button>
Ví dụ
<button>Click vào đây</button>
Danh sách trong HTML
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ự) hoặc <ol>
(danh sách có số đầu dòng/theo thú tự), theo sau đó là thẻ <li>
(liệt kê từng mục)
Ví dụ
<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>
Bài trước: Công cụ soạn thảo HTML
Bài sau: Các phần tử trong HTML
Bạn nên đọc
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:


Cũ vẫn chất
-
Cách chỉnh kích thước dòng, cột, ô bằng nhau trên Excel
Hôm qua -
Cách căn giữa bảng trong Google Docs
Hôm qua -
Cách đặt trình duyệt mặc định khi mở link bất kỳ trên máy tính
Hôm qua -
Số chính phương là gì? Cách nhận biết và ví dụ chi tiết
Hôm qua 1 -
Cách tải DTCL Trung Quốc, tải TFT Trung Quốc
Hôm qua -
Vòng lặp for trong Python
Hôm qua -
Cách chuyển file PDF sang Autocad
Hôm qua 1 -
Danh sách tất cả làng trong Coin Master và giá
Hôm qua -
Khác biệt giữa Windows 32-bit và 64-bit?
Hôm qua -
Cách truy cập các trang web bị chặn
Hôm qua