Ngôn ngữ HTML là một trong những xương sống tạo nên website. Bên cạnh CSS và JavaScript, gần như lập trình viên website nào cũng gần phải biết về HTML. HTML tuy dễ học nhưng để hiểu hết được nó lại là một chuyện hoàn toàn khác. Hãy cùng tìm hiểu về ngôn ngữ HTML và vai trò của HTML qua bài viết sau.
Mục lục
1. Ngôn ngữ HTML là gì?
1.1. Giới thiệu ngôn ngữ HTML
Ngôn ngữ HTML (hay HyperText Markup Language) là ngôn ngữ đánh dấu siêu văn bản. Đây là ngôn ngữ không thể thiếu để tạo nên một website hoàn chỉnh. HTML đóng vai trò tạo nên các thành phần chính của trang web. Khi bạn truy cập vào một website, máy chủ sẽ gửi đến bạn một tập tin HTML. Trình duyệt web sau đó sẽ đọc tệp tin này và hiển thị lên trang web các thông tin cần thiết.
1.2. Cấu trúc của một thẻ HTML
Một trang web HTML sẽ được chia thành nhiều phần tử HTML nhỏ hơn. Các phần tử của ngôn ngữ HTML phổ biến bao gồm: thẻ tiêu đề, thẻ văn bản, thẻ in đậm, thẻ in nghiêng,… và các phần tử này được quy định bởi một thẻ tag. Các thẻ HTML sẽ bao gồm 2 thành phần là thẻ mở và thẻ đóng. Chẳng hạn như cấu trúc của một thẻ đoạn văn bản <p> sẽ bao gồm:
- <p>Nội dung</p>
<p> là thẻ mở và </p> là thẻ đóng. Các thẻ đóng sẽ được quy định bởi một dấu “/”. Phần nội dung sẽ nằm giữa 2 thẻ này. Ngoài ra, có nhiều thẻ chỉ có thẻ mở mà không có thẻ đóng như <br>, <hr>, <img>,… Hiện nay, HTML đã có phiên bản mới nhất là HTML5 với nhiều tính năng đa dạng. Bạn hãy cập nhập thêm về phiên bản mới này đễ các thao tác được thực hiện dễ dàng hơn nhé.
2. Vai trò của HTML
Vai trò của ngôn ngữ HTML đối với website là vô cùng quan trọng. HTML giúp định dạng các yếu tố siêu văn bản bao gồm ảnh, video, infographic và nhiều một vài thành phần khác. Các siêu văn bản này sẽ giúp tạo nên một website đa dạng và phong phú, tối ưu trải nghiệm cho người dùng
Hơn nữa, ngôn ngữ HTML giúp chia khung sườn, tạo nên bố cục của trang web. Nếu bạn muốn xây dựng được một trang web có cấu trúc hoàn chỉnh. Nhất định bạn phải làm chủ được HTML. HTML chứa hầu hết mọi yếu tố cần thiết mà website cần có. Từ các blog cá nhân đến trang thương mại điện tử, HTML đều có thể áp dụng được. Chỉ cần website có nội dung thì phải cần đến HTML để hiển thị.
3. Các thẻ phổ biến trong HTML
Ngôn ngữ HTML được chia thành nhiều yếu tố khác nhau. Mỗi yếu tố này được định dạng bằng một thẻ tag. Các thẻ này sẽ được chứa trong dấu ngoặc đơn với cấu trúc <tên thẻ>. Một số thẻ sẽ có thẻ đóng và một số thẻ sẽ không có. Ví dụ như thẻ <html> sẽ phải đi kèm với thẻ </html>, thẻ <body> phải đi với </body>. Một số thẻ quan trọng mà bạn hay gặp trong HTML như sau:
- <!DOCTYPE>: Đây là thẻ khai báo đầu tiên của một tệp HTML. Khi sử dụng thẻ này, trình duyệt web sẽ biết đây là một file HTML và hiển thị cho phù hợp.
- <html>: Đây là thẻ bắt đầu cho tệp HTML. Cặp thẻ này sẽ bao bọc tài đoạn code HTML cho website của bạn. Bên trong thẻ <html> là các cặp thẻ <head> và <body>.
- <head>: Cặp thẻ head sẽ chứa các thẻ cặp thẻ nhỏ giúp khai báo thông tin website. Các cặp thẻ khai báo có thể gồm: <title>, <meta>, <link>,…
- <title>: Thẻ <title> nằm trong cặp thẻ <head>. Đây là thẻ khai báo tiêu đề cho trang web (dòng chữ hiển thị lên tab của trình duyệt web).
- <body>: Đây là cặp thẻ khai báo mở đầu cho nội dung của website. Phần hiển thị chính của website sẽ được xây dựng ở trong cặp thẻ <body>. Các thẻ phổ biến trong thẻ <body> bao gồm <h1>, <div>, <p>,…
Ngôn ngữ HTML là công cụ không thể thiếu giúp bạn xây dựng nên một website hoàn chỉnh. Đây sẽ là kiến thức đầu tiên mà bạn phải học nếu bạn theo đuổi lập trình web. HTML sẽ không quá khó để học, tuy nhiên để thực sự nắm rõ bạn cần phải thực hành rất nhiều. Hãy bắt đầu và làm chủ ngôn ngữ HTML ngay hôm nay.
