HTML là gì? Thẻ HTML trống giống như nào?

Tram Ho

Lần đầu tiên được phát triển bởi Tim Berners-Lee vào năm 1990 , HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản . HTML được sử dụng để tạo các tài liệu điện tử (được gọi là các trang) được hiển thị trên World Wide Web . Mỗi trang chứa một loạt các kết nối đến các trang khác được gọi là siêu liên kết . Mỗi trang web bạn thấy trên Internet đều được viết bằng một phiên bản mã HTML này hoặc một phiên bản khác.

Mã HTML đảm bảo định dạng văn bản và hình ảnh phù hợp cho trình duyệt Internet của bạn . Nếu không có HTML, trình duyệt sẽ không biết cách hiển thị văn bản dưới dạng phần tử hoặc tải hình ảnh hoặc các phần tử khác. HTML cũng cung cấp cấu trúc cơ bản của trang, trên đó các Trang tính kiểu xếp tầng được phủ lên để thay đổi diện mạo của trang. Người ta có thể nghĩ HTML như phần xương (cấu trúc) của một trang web và CSS là phần da (hình thức bên ngoài) của nó.

Thẻ HTML trông như thế nào?

Thẻ HTML

Như được hiển thị trong ví dụ về thẻ HTML ở trên, không có nhiều thành phần. Hầu hết các thẻ HTML đều có thẻ mở chứa tên thẻ , thuộc tính thẻ, thẻ đóng chứa dấu gạch chéo về phía trước và tên thẻ đang được đóng. Đối với các thẻ không có thẻ đóng như <img> , cách tốt nhất là kết thúc thẻ bằng dấu gạch chéo.

Hầu hết các thẻ được chứa trong dấu ngoặc nhọn nhỏ hơn và lớn hơn và mọi thứ giữa thẻ mở và thẻ đóng đều được hiển thị hoặc bị ảnh hưở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” trỏ đến tệp hope.html.

HTML trông như thế nào?

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

<! DOCTYPE HTML PUBLIC “- // W3C // DTD HTML 4.01 Chuyển tiếp // EN” “https://www.w3.org/TR/html4/loose.dtd“>

<html>
<head>
<title> Trang mẫu </title>
<meta http-equiv = “Content-Type” content = “text / html; charset = windows-1252”>
</head>
<body>

Đây là một tiêu đề

Đây là ví dụ về trang HTML cơ bản.

</body>
</html>
Hộp bên trên chứa các thành phần chính của một trang web cơ bản. Từng dòng được giải thích chi tiết hơn bên dưới.

Dòng DOCTYPE mô tả phiên bản HTML mà trang được viết bằng để trình duyệt Internet có thể diễn giải văn bản sau đó.

HTML5 là gì?

HTML5 là bản cập nhật được thực hiện cho HTML từ HTML4 ( XHTML tuân theo một sơ đồ đánh số phiên bản khác). Nó sử dụng các quy tắc cơ bản tương tự như HTML4, nhưng thêm một số thẻ và thuộc tính mới cho phép ngữ nghĩa tốt hơn và cho các phần tử động được kích hoạt bằng JavaScript . Các phần tử mới bao gồm: <article> , <aside> , <audio> , <bdi> , <canvas> , <datalist> , <details> , <embed> , <figure> , <figcaption> , <footer> , <header > , <keygen>, <meter> , <nav> , <output> ,

, <rp> , <rt> , <ruby> , <time> , <track> , <video> và <wbr> . Ngoài ra còn có các kiểu đầu vào mới cho các biểu mẫu , bao gồm tel, search, url, e-mail, datetime, date, month, week, time, datetime-local, number, range và color.

Với phong trào ngày càng tăng để giữ cấu trúc và kiểu dáng riêng biệt, một số yếu tố tạo kiểu đã bị loại bỏ. Ngoài ra, các thẻ có vấn đề về khả năng tiếp cận hoặc được sử dụng rất ít cũng bị xóa. Các phần tử sau sẽ không còn được sử dụng trong mã HTML: <acronym> , <applet> , <basefont> , <big> , <center> , <dir> , <font> , <frame> , <frameset> , <noframes > , <strike> và <tt> . HTML5 cũng đơn giản hóa việc khai báo loại tài liệu cho thẻ trong hộp sau.

<! doctype html>
HTML5 trông như thế nào?
Như được hiển thị bên dưới, mã HTML5 rất giống với ví dụ HTML4 trước đó, nhưng rõ ràng hơn và có thẻ loại tài liệu được sửa đổi .

<! doctype html>

<html>
<head>
<meta charset = “utf-8”>
<title> Trang mẫu </title>
</head>
<body>

Đây là một tiêu đề

<p> Đây là ví dụ về trang HTML cơ bản.
</body>
</html>

Cách tạo và xem HTML

Vì HTML là một ngôn ngữ đánh dấu, nó có thể được tạo và xem trong bất kỳ trình soạn thảo văn bản nào nếu được lưu bằng đuôi tệp .htm hoặc .html . Tuy nhiên, hầu hết đều thấy việc thiết kế và tạo các trang web bằng HTML dễ dàng hơn bằng cách sử dụng trình soạn thảo HTML .

Một khi các tập tin HTML được tạo ra, nó có thể được xem tại địa phương hoặc tải lên một máy chủ web để được xem trực tuyến sử dụng một trình duyệt .

Những phần mở rộng tệp nào được sử dụng với HTML?

Tệp HTML sử dụng phần mở rộng tệp .htm hoặc .html . Các phiên bản Windows cũ hơn (Windows 3.x) chỉ cho phép phần mở rộng tệp gồm ba ký tự, vì vậy họ đã sử dụng .htm thay vì .html. Tuy nhiên, cả hai phần mở rộng tệp đều có cùng ý nghĩa và có thể được sử dụng ngày nay. Điều đó đang được nói, chúng tôi khuyên bạn nên tuân theo một quy ước đặt tên vì một số máy chủ web nhất định có thể thích một phần mở rộng hơn phần còn lại.

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo