1.4. Cấu trúc của 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é.

Ngoài ra, trong các thẻ còn có các thuộc tính, thuộc tính sẽ đặt bên trong thẻ mở đầu, mỗi thuộc tính sẽ có giá trị được đặt trong dấu ngoặc kép và cách nhau bởi dấu bằng (=) với tên thuộc tính. Ví dụ dưới đây là một thẻ có sử dụng thuộc tính.

VD:  [html]<p>Đây là một đoạn văn bản trong HTML.</p>[/html]

[html]<form action=”https://antoandulieu.com”> </form>[/html]

Một thẻ có thể sử dụng nhiều thuộc tính chứ không phải chỉ một thuộc tính nhé.

Bên dưới, bạn có thể xem code ví dụ của một trang HTML được cấu trúc như thế nào:

VD:
<div>
<h1>The Main Heading</h1>
<h2>A catchy subheading</h2>
<p>Paragraph one</p>
<img src=”/” alt=”Image”>
<p>Paragraph two with a <a href=”https://example.com”>hyperlink</a></p>
</div>

• Element ngoài cùng là bộ tag division (), dùng để mark up cho phần nội dung lớn.
• Nó bao gồm một tag tiêu đề (), một tag subheading (), 2 văn bản (), và một bước hình ().
• Đoạn văn thứ 2 chứa tag chứa link () với attribute href chứa địa chỉ URL đích.
• Tag hình ảnh cũng có 2 attribute: src cho ảnh, và alt cho mô tả của hình.

2. Các thẻ phổ biến trong HTML

3. 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ị.

4. Ưu điểm và nhược điểm của HTML là gì?

Ưu điểm của HTML là gì?

• Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng cực lớn.
• Sử dụng mượt mà trên hầu hết mọi trình duyệt.
• Có quá trình học đơn giản và trực tiếp.
• Chuẩn chính của web được vận hành bởi World Wide Web Consortium (W3C).
• Dễ dàng tích hợp với các ngôn ngữ backend như PHP và Node.js.
• Mã nguồn mở và hoàn toàn miễn phí.
• Markup gọn gàng và đồng nhất.

Nhược điểm của HTML là gì?

• Nó có thể thực thi một số logic nhất định cho người dùng. Vì
• Khó kiểm soát cảnh thực thi của trình duyệt (ví dụ: những trình duyệt cũ không render được tag mới).
• Được dùng chủ yếu cho web tĩnh. Đối với các tính năng động, bạn cần sử dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP.
• vậy, hầu hết các trang đều cần được tạo riêng biệt, kể cả khi nó sử dụng cùng các yếu tố, như là headers hay footers.
• Một số trình duyệt chậm hỗ trợ tính năng mới.

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