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 Hypertext Markup Language . 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 cách sử dụng một phiên bản mã HTML này hoặc một phiên bản khác.
Xem thêm: Thu mua laptop cũ
HTML là gì ?
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ể coi HTML như phần xương (cấu trúc) của một trang web và CSS là phần da (diện mạo) của nó.
Thẻ HTML trông như thế nào?
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.Mẹo
Xem trang trợ giúp về HTML và Thiết kế web của chúng tôi để biết danh sách đầy đủ các thẻ HTML.
HTML trông như thế nào?
Dưới đây là 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> <h1> Đây là một tiêu đề </h1> <p> Đây là <b> ví dụ </b> về trang HTML cơ bản. </p> </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 để trình duyệt Internet có thể diễn giải văn bản sau đó.
- Các <html> mở thẻ cho phép các bí quyết trình duyệt mà nó đang đọc mã HTML.
- Phần <head> chứa thông tin về trang, chẳng hạn như tiêu đề , thẻ meta và vị trí định vị tệp CSS .
- Phần <body> chứa mọi thứ có thể xem được trên trình duyệt. Ví dụ: tất cả văn bản nhìn thấy ở đây được chứa trong các thẻ body.
- Thẻ <h1> là tiêu đề hiển thị của trang.
- Thẻ <p> là một đoạn văn bản. Hầu hết các trang web (như trang này) đều có một số thẻ đoạn văn.
- Chứa trong đoạn văn là thẻ <b> ghi đậm từ ví dụ trong đoạn văn.
- Cuối cùng, các thẻ đóng bao bọc mỗi thẻ ở trên.
- Xem trợ giúp về HTML và Thiết kế web của chúng tôi để biết danh sách đầy đủ các thẻ HTML.
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> , <progress> , <rp> , <rt> , <ruby> , <time> , <track> , <video> và <wbr> . Ngoài ra còn có các kiểu đầu vào mới cho 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à phong cách 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> <h1> Đây là một tiêu đề </h1> <p> Đây là một ví dụ về trang HTML cơ bản. </p> </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 với đ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 tiện ích mở rộng hơn tiện ích mở rộng kia.Ghi chú
Các trang web được tạo bằng ngôn ngữ kịch bản như Perl , PHP hoặc Python có một phần mở rộng khác mặc dù chúng chỉ hiển thị HTML trong mã nguồn.
HTML có phải là một ngôn ngữ lập trình không?
Không. HTML không phải là một ngôn ngữ lập trình; đó là một ngôn ngữ đánh dấu. Xem trang ngôn ngữ đánh dấu của chúng tôi để so sánh giữa ngôn ngữ lập trình và ngôn ngữ đánh dấu.
Cách phát âm HTML
HTML được phát âm là html ( aitch-tee-em-el ).Mẹo: Do có nguyên âm khi phát âm HTML, bạn sẽ sử dụng “an” thay vì “a” trước chữ viết tắt trong bài viết của mình.