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 đổi font chữ Zalo trên điện thoại
2 ngày -
Chào tháng 6: Câu nói hay nhất về tháng 6, stt tháng 6 tràn ngập yêu thương
Hôm qua 2 -
Top 9 phần mềm giả lập PC trên Android
Hôm qua -
Chuyển từ cơ số 2 sang cơ số 16
Hôm qua -
Hướng dẫn đổi ID Facebook, thay địa chỉ Facebook mới
2 ngày -
Cách khôi phục bài viết đã ẩn trên Facebook bằng điện thoại, máy tính
Hôm qua 1 -
Code Skibidi Tower Defense mới nhất và cách đổi code lấy thưởng
Hôm qua -
Huyền Thoại Hải Tặc - Hải Tặc Đại Chiến
-
Những stt cảm động viết cho người yêu cũ
2 ngày 1 -
Top 10+ trang web tốt nhất để tải phụ đề cho phim
2 ngày