Trang chủ Kiến thức cơ bản

HTML là gì? Các kiến thức cơ bản nhất về HTML phải biết

HTML là gì?

HTML viết tắt cho Hypertext Markup Language, được Tim Berners-Lee phát triển lần đầu tiên vào năm 1990. HTML được sử dụng để tạo các tài liệu điện tử (hay còn gọi là page như web page) và các tài liệu này sẽ được hiển thị trên World Wide Web. Mỗi trang thường sẽ chứa một tập hợp kết nối đến các trang khác, các kết nối này được gọi là siêu liên kết. Mỗi trang web bạn thấy trên Internet sẽ sử dụng một phiên bản mã HTML này hoặc một phiên bản HTML khác.

Mã HTML sẽ đảm bảo định dạng chính xác của hình ảnh và văn bản sao cho trình duyệt Internet của bạn có thể hiển thị chúng theo đúng ý tưởng thiết kế và trình bày.

Không có HTML, trình duyệt sẽ không biết phải hiển thị văn bản dưới dạng phần tử như thế nào hay tải hình ảnh hoặc các phần tử khác ra sao. HTML cũng cung cấp một cấu trúc trang cơ bản, các Cascading Style Sheets (CSS) sẽ được xếp ở lớp trên để thay đổi các hiển thị. HTML có thể được mô tả như xương sườn (cấu trúc) và CSS như lớp da (giao diện) của một trang web.

>>Đọc thêm: Đừng quên tối ưu hóa CSS và JS để cải thiện tốc độ tải trang!

Cấu trúc thẻ HTML

HTML là gì? Các kiến thức cơ bản nhất về HTML phải biết - Ảnh 1.

Trong ví dụ về thẻ HTML ở trên, chúng ta có thẻ thấy 1 thẻ HTML không có nhiều thành phần. Hầu như tất cả các thẻ HTML đều có thẻ mở chứa tên kèm theo thuộc tính, thẻ đóng có dấu gạch nghiêng bên phải ''/" và tên của thẻ đóng đó. Đối với các thẻ không có dấu đóng như <img>, cách tốt nhất là kết thúc thẻ bằng dấu gạch nghiêng bên phải. Mỗi thẻ sẽ nằm bên trong và cả bên ngoài dấu ngoặc góc và các nội dung giữa thẻ mở và đóng sẽ được hiển thị hoặc bị tác động bởi thẻ.

Trong ví dụ trên, thẻ <a> đang tạo một liên kết có tên " Computer Hope" đang trỏ đến tệp Hope.html.

HTML cấu trúc như thế nào?

Sau đây là một ví dụ về một trang web cơ bản được viết bằng HTML cũng như mô tả từng phần và chức năng của nó.

<!DOCType HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">

<html lang="en"><head>

<title>Example page</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

</head>

<body>

<h1>This is a heading</h1>

<p>This is an example of a basic HTML page.</p>

</body></html>

Phần lệnh trên chứa các thành phần chính cho một web page cơ bản. Dòng đầu tiên (DOCType) mô tả phiên bản HTML được dùng để viết, qua đó trình duyệt Internet có thể diễn giải được phần văn bản theo sau. Tiếp theo, thẻ mở HTML sẽ cho trình duyệt biết rằng nó đang đọc mã HTML.

Theo sau thẻ HTML là phần head (mở đầu) chứa các thông tin về trang như tiêu đề, thẻ meta và vị trí để xác định tệp CSS. Phần body (thân) là tất cả các nội dung có thể xem được trên trình duyệt. Cuối cùng, các thẻ đóng sẽ cho vào trong ngoặc đóng mỗi phần tử với cú pháp thích hợp.

HTML5 là gì?

HTML là gì? Các kiến thức cơ bản nhất về HTML phải biết - Ảnh 3.

HTML5 là phiên bản cập nhật của HTML từ HTML4 (XHTML tuân thủ theo một sơ đồ đánh số phiên bản khác). HTML5 sử dụng các quy tắc cơ bản như HTML4, nhưng được bổ sung thêm một số thẻ và thuộc tính mới hỗ trợ ngôn ngữ đặc tả tốt hơn và cũng hỗ trợ một số yếu tố động sử dụng JavaScript. Các thành phần mới bao gồm, <article>, <sid>, <audio>, <bdi>, <canvas>, <datalist>, <chi tiết>, <embed>, <hình>, <figcaption>, <footer>, < tittle>, <keygen>, <mark>, <meter>, <nav>, <output>, <process>, <rp>, <rt>, <ruby>, <time>, <track>, <video><wbr>.

Ngoài ra, còn có một số kiểu input mới cho các biểu mẫu, bao gồm tel, search, url, email, datetime, ngày, tháng, tuần, thời gian, datetime-local, số, phạm vi và màu.

Với một số cải tiến được thực hiện để phân tách cấu trúc và kiểu thành phẩn, một số yếu tố đã được loại bỏ hoặc sử dụng ít hơn trong HTML5.

Các yếu tố sau không còn được sử dụng trong mã HTML bao gồm: <acronym>, <applet>, <basefont>, <big>, <centre>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike><tt>. HTML5 cũng đơn giản hóa việc khai báo doctype như sau:.

<!doctype html>

Ví dụ điển hình về HTML5

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Example page</title>

</head>

<body>

<h1>This is a heading</h1>

<p>This is an example of a basic HTML page.</p>

</body>

</html>

Theo Computer Hope

Có thể bạn quạn tâm: 5 tính năng mới của HTML và CSS được mong đợi nhất trong năm 2018

Kể từ ngày 05/11/2018, VCCloud chính thức đổi tên thành BizFly Cloud - là nhà cung cấp các dịch vụ đám mây hàng đầu tại Việt Nam hiện nay với các dịch vụ nổi bật như: BizFly Cloud Server, BizFly CDN, BizFly Load Balancer, BizFly Pre-built Application, BizFly Business Mail, BizFly Simple Storage. Hãy tăng tốc thích nghi cho doanh nghiệp cùng các giải pháp công nghệ của BizFly Cloud tại đây.