1. HTML là gì?
HTML (HyperText Markup Language), hay Ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ dùng để tạo và cấu trúc nội dung trên các trang web. HTML không phải là một ngôn ngữ lập trình mà là một ngôn ngữ đánh dấu, sử dụng các thẻ (tags) để định dạng và hiển thị nội dung trên trình duyệt.
HTML đóng vai trò như bộ khung của trang web, giúp trình duyệt hiểu và hiển thị nội dung đúng cách.
Ví dụ về một đoạn HTML đơn giản:
html>
<html>
Trang web đầu tiên
Chào mừng đến với HTML
Đây là một đoạn văn bản trên trang web.
html>
2. Cấu trúc cơ bản của HTML
Một tài liệu HTML có cấu trúc như sau:
1. Khai báo DOCTYPE
Dòng đầu tiên html>
giúp trình duyệt biết rằng đây là một tài liệu HTML5.
2. Thẻ <html>
Thẻ này bao bọc toàn bộ nội dung HTML.
3. Thẻ
Phần này chứa thông tin về trang web, như tiêu đề (
), bộ ký tự (), và liên kết đến tệp CSS hoặc JavaScript.
4. Thẻ
Phần này chứa nội dung chính của trang, bao gồm văn bản, hình ảnh, liên kết, video, bảng biểu, biểu mẫu, v.v.
3. Các thẻ HTML quan trọng
1. Thẻ tiêu đề (Heading)
Dùng để tạo các tiêu đề từ đến
, với
là tiêu đề quan trọng nhất.
Ví dụ:
Tiêu đề chính
Tiêu đề phụ
2. Thẻ đoạn văn (Paragraph)
Dùng để tạo đoạn văn bản.
Đây là một đoạn văn.
3. Thẻ liên kết (Anchor)
Dùng để tạo liên kết đến trang khác hoặc một phần của trang.
Truy cập trang web
4. Thẻ hình ảnh (Image)
Dùng để chèn hình ảnh vào trang web.
5. Thẻ danh sách (List)
HTML hỗ trợ danh sách có thứ tự
và danh sách không thứ tự
.
- Mục 1
- Mục 2
6. Thẻ bảng (Table)
Dùng để tạo bảng dữ liệu.
Họ và Tên
Tuổi
Nguyễn Văn A
25
7. Thẻ biểu mẫu (Form)
Dùng để thu thập thông tin từ người dùng.
4. HTML và các công nghệ liên quan
HTML hoạt động cùng với CSS và JavaScript để tạo ra các trang web hoàn chỉnh:
- CSS (Cascading Style Sheets): Dùng để tạo kiểu và bố cục cho trang web.
- JavaScript: Giúp tạo các hiệu ứng động và tương tác cho trang web.
Ví dụ:
html>
<html>
Đây là đoạn văn có màu xanh.
html>
5. HTML5 và những cải tiến
HTML5 là phiên bản mới nhất của HTML, mang lại nhiều tính năng quan trọng như:
- Hỗ trợ đa phương tiện (video, audio) mà không cần plugin.
- Cải thiện SEO và khả năng truy cập.
- Hỗ trợ tốt hơn cho thiết bị di động.
Ví dụ chèn video trong HTML5:
6. Kết luận
HTML là nền tảng quan trọng của mọi trang web, giúp tổ chức và hiển thị nội dung trên trình duyệt. Cùng với CSS và JavaScript, HTML tạo ra các trang web hiện đại, đẹp mắt và tương tác cao.