HTML là một trong những ngôn ngữ đầu tiên mà các bạn sinh viên ngành công nghệ thông tin và những người quan tâm đến lĩnh vực này cần tìm hiểu. Vậy HTML là gì? HTML là viết tắt của từ gì? Cấu trúc của một HTML Document ra sao? Bạn hãy cùng Blogvieclam.edu.vn tìm hiểu nhé!
Bạn đang đọc: HTML là gì? Ưu nhược điểm & cách hoạt động của HTML
HTML là gì? HTML là viết tắt của từ gì?
HTML là gì? HTML là viết tắt của cụm từ HyperText Markup Language. HTML là một ngôn ngữ đánh dấu siêu văn bản được sử dụng để tạo nên các trang web trên internet. HTML cho phép người dùng tạo ra các trang web có thể được hiển thị trên các trình duyệt web khác nhau, cung cấp các thông tin và liên kết đến các tài liệu khác trên web.
Cha đẻ của HTML là Sir Tim Berners-Lee, một nhà khoa học máy tính người Anh. Ông đã phát minh ra HTML vào năm 1989 và tiếp tục phát triển nó kể từ đó. Sir Tim Berners-Lee được coi là một trong những người đóng góp quan trọng nhất cho sự phát triển của Internet.
HTML được phát triển và vận hành bởi W3C (World Wide Web Consortium), một tổ chức phi lợi nhuận quốc tế được thành lập vào năm 1994 bởi Tim Berners-Lee.
Các tag thông dụng trong HTML
Trong HTML, có hai loại tag phổ biến là Block-level tags và Inline tags, được sử dụng để định dạng và hiển thị nội dung trên trang web.
Block-level tags
Block-level tags là các thẻ được sử dụng để định dạng các khối lớn của nội dung trên trang web, ví dụ như tiêu đề, đoạn văn, danh sách, bảng và chứa các tag con khác bên trong nó.
Các block-level tags thường bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng của phần tử cha mà nó nằm trong. Nó cũng có thể được định dạng bằng CSS để có các thuộc tính khác nhau như kích thước, màu sắc và vị trí.
Một số Block-level tags phổ biến trong HTML bao gồm:
- : được sử dụng để tạo một khối chứa các phần tử khác và có thể được định dạng bằng CSS.
-
–
: được sử dụng để tạo các tiêu đề và tiêu đề phụ trong tài liệu.
-
: được sử dụng để tạo các đoạn văn bản trong tài liệu.
-
- và
- : được sử dụng để tạo danh sách không có thứ tự và có thứ tự, tương ứng.
- : được sử dụng để tạo các mục trong danh sách.
-
: được sử dụng để tạo bảng trong tài liệu.
: được sử dụng để tạo các hàng trong bảng. : được sử dụng để tạo các ô trong bảng. - : được sử dụng để tạo các trường nhập liệu trong biểu mẫu.
Inline tags
Inline tags là các thẻ được sử dụng để định dạng và hiển thị các nội dung nhỏ hơn trong văn bản, như chữ in đậm, chữ nghiêng, liên kết, hình ảnh và các ký tự đặc biệt.
Các Inline tags thường không bắt đầu trên một dòng mới và chiếm chiều rộng của chính nội dung mà nó bao bọc. Chúng cũng có thể được định dạng bằng CSS để có các thuộc tính khác nhau như kích thước, màu sắc và vị trí.
Một số Inline tags phổ biến trong HTML bao gồm:
- : Được sử dụng để tạo liên kết hyperlink.
: Được sử dụng để chèn hình ảnh vào trang web.
- : Được sử dụng để định dạng phần văn bản nhỏ hoặc các phần tử khác.
- : Được sử dụng để tạo văn bản đậm.
- : Được sử dụng để tạo văn bản nghiêng.
- : Được sử dụng để tạo dòng mới.
- : Được sử dụng để tạo các thành phần đầu vào, chẳng hạn như ô văn bản hoặc nút radio.
HTML hoạt động như thế nào?
HTML (HyperText Markup Language) hoạt động bằng cách sử dụng các thẻ (tag) để đánh dấu nội dung của trang web và các phần tử khác nhau trên trang web, bao gồm văn bản, hình ảnh, liên kết, đoạn mã, đầu vào của người dùng và các phần tử khác.
Các thẻ HTML được đặt giữa các cặp dấu ngoặc nhọn “” và được đặt vào trong các cặp thẻ mở và đóng. Ví dụ, để tạo một tiêu đề đầu trang, bạn có thể sử dụng thẻ “h1” và viết nội dung tiêu đề giữa các cặp thẻ mở và đóng như sau:
Các trình duyệt web sau đó sẽ đọc mã HTML và hiển thị nội dung tương ứng của trang web cho người dùng. Các thẻ HTML còn có thể được sử dụng để tạo các liên kết đến các trang web khác, định dạng văn bản, tạo bảng dữ liệu,… HTML là một phần không thể thiếu của các trang web và được sử dụng rộng rãi trên toàn thế giới.
Ngoài việc sử dụng các thẻ HTML để đánh dấu nội dung trên trang web, HTML còn có thể sử dụng các thuộc tính để cung cấp thêm thông tin về các phần tử trên trang web. Thuộc tính là giá trị được thêm vào trong các thẻ HTML, được đặt trong các cặp dấu ngoặc kép và được sử dụng để cung cấp thông tin như màu sắc, kích thước, vị trí,…
Ví dụ, để thêm thuộc tính màu sắc cho một tiêu đề, bạn có thể sử dụng thuộc tính “style” và đặt giá trị của nó là “color: red;” như sau:
HTML cũng có thể được sử dụng để tạo các biểu mẫu và đầu vào của người dùng. Các biểu mẫu HTML cho phép người dùng nhập dữ liệu và gửi nó đến một máy chủ web để xử lý. Ví dụ, bạn có thể sử dụng các thẻ HTML như “