HTML hiện nay không còn là khái niệm xa lạ với nhiều người, nó chính là nền tảng của bất kỳ trang web nào. Những kỹ năng về HTML là cực kỳ cần thiết mà tất cả các lập trình viên website cần phải nắm vững, vì đây là điểm khởi đầu cho bất kỳ ai muốn học thiết kế trang web.

HTML là gì?

HTML là viết tắt của Hyper Text Markup Language mô tả cấu trúc của một trang Web, bao gồm một loạt các phần tử, các thành phần HTML cho trình duyệt biết cách hiển thị nội dung, là ngôn ngữ đánh dấu chuẩn để tạo ra các trang Web, các phần tử HTML gắn nhãn cho các phần nội dung như "đây là tiêu đề", "đây là đoạn văn", "đây là liên kết", ...

Mục đích sử dụng HTML là để tạo nội dung cho trang web: HTML sẽ giúp trang web của bạn lưu trữ và hiển thị cho người dùng những nội dung như âm thanh, video, văn bản,...

Thiết kế giao diện cho trang web: Phiên bản HTML mới nhất hiện nay là HTML5, nó được cải tiến đáng kể so với các phiên bản trước và được sử dụng phổ biến trong việc thiết kế giao diện website. Tuy nhiên HTML5 chỉ có thể giúp tạo bộ khung sườn cho trang web, bạn cần sử dụng thêm CSS để có thể tạo được một trang web hoàn chỉnh.

Cách thức hoạt động của HTML như thế nào?

Khi chúng ta gõ 1 tên miền bất kỳ thì trình duyệt mà chúng ta đang sử dụng (Ví dụ: CocCoc, Chrome, Firefox, Opera, Microsoft Edge,…) sẽ kết nối tới 1 máy chủ web, bằng cách dùng 1 địa chỉ IP vốn được thấy bằng cách phân giải tên miền đó (DNS). Máy chủ web là 1 máy tính được kết nối tới internet và nhận các yêu cầu tới trang web từ trình duyệt của chúng ta. Máy chủ sau đó sẽ gửi trả thông tin về trình duyệt của chúng ta, là 1 tài liệu HTML, để hiển thị trang web.

Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mở rộng là .htm hoặc .html. Khi một tập tin HTML được hình thành, việc xử lý nó sẽ do trình duyệt web xử lý. Trình duyệt web sẽ đóng vai trò đọc hiểu nội dung HTML từ các thẻ tag bên trong và sẽ chuyển sang dạng văn bản đã được đánh dấu để đọc, nghe hoặc hiểu (do các bot máy vi tính xử lý).

Chúng ta có thể xem chúng bằng cách sử dụng bất kỳ trình duyệt web nào (ví dụ: CocCoc, Chrome, Firefox, Opera, Microsoft Edge,…).Trình duyệt web sẽ đọc các files HTML này và xuất bản nội dung lên Internet sao cho người đọc có thể xem được nó.

Chúng ta có thể hiểu đơn giản rằng một Website có thể chứa nhiều trang web HTML khác, ví dụ như: Trang chủ, trang sản phẩm, hay trang tin tức,…

Cấu trúc một đoạn tài liệu HTML đơn giản:

Ví dụ

Thẻ DOCTYPE HTML : Khai báo kiểu dữ liệu hiẻn thị
Thẻ html : là thẻ bắt buộc, là element cấp cao nhất, có nhiệm vụ đóng gói tất cả nội dung của trang HTML.
Thẻ head : Khai báo các thông tin mô tả của trang web như : Tiêu đề trang, charset
Thẻ title : là cặp thẻ nằm bên trong cặp thẻ head, dùng để khai báo tiêu đề của trang.
Thẻ body : Cặp thẻ dùng để đóng gói tất cả các nội dung sẽ hiển thị trên trang.
Thẻ h1, h2 : định dạng dữ liệu dạng heading. Thông thường có 6 cấp độ heading trong HTML, Bắt đầu từ h1 đến h6. Trong đó, Thẻ h1 có cấp độ cao nhất và thẻ h6 là cấp độ thấp nhất.
Thẻ p : là cặp thẻ chứa các đoạn văn bản của trang web.

HTML đóng vai trò gì trong website

Với những ưu và khuyết điểm trên, điều đó không có nghĩa là chỉ sử dụng HTML để tạo ra một website mà HTML chỉ đóng một vai trò hình thành trên website. Một website chuẩn sẽ được hình thành bởi:

- HTML – Xây dựng cấu trúc và định dạng các siêu văn bản.

- CSS – Định dạng các siêu văn bản dạng thô tạo ra từ HTML thành một bố cục website, có màu sắc, ảnh nền,….

- Javascript – Tạo ra các sự kiện tương tác với hành động của người dùng (ví dụ như là chat, update nội dung, hiệu ứng slide).

- PHP – Ngôn ngữ lập trình để xử lý và trao đổi dữ liệu giữa máy chủ đến trình duyệt.

- MySQL – Hệ quản trị cơ sở dữ liệu truy vấn có cấu trúc.

Nếu website là một cơ thể hoàn chỉnh thì HTML chính là bộ xương của cơ thể đó. Cho dù website thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì vẫn phải cần HTML để hiển thị nội dung ra cho người dùng xem.