- Html
Html là gì? Giải thích chi tiết về ngôn ngữ siêu văn bản HTML
Chào mừng bạn đã đến với website gbaydev của mình, ở bài viết này mình sẽ giải thích rõ ràng về HTML là gì? cũng các thông tin liên quan tới HTML như lịch sử phát triển, cấu trúc một trang HTML và Ưu nhược điểm của HTML thôi mời bạn nhâm nhi tách trà để cùng gbaydev tìm hiểu về HTML nhé!
Nội dung chính
- HTML là gì?
- Lịch sử phát triển của HTML
- HTML hoạt động và xử lý như thế nào?
- Cấu trúc trang HTML
- Các tag thông dụng nhất của HTML
- Block-Level Tags
- Inline Tags
- Ưu điểm và nhược điểm của HTML
- Mối liện hệ giữa HTML, CSS, và JavaScript liên quan với nhau như thế nào?
- HTML có phải ngôn ngữ lập trình không?
- Đuôi html là gì?
- Lời kết
HTML là gì?
HTML là chữ viết tắt của Hypertext Markup Language, hay còn gọi là ngôn ngữ đánh dấu siêu văn bản, dùng để xây dựng cấu trúc của một trang website. Một webiste có thể chứa tập hợp rất nhiều trang HTML, ví dụ khi bạn vào facebook thì trang cá nhân của bạn và trang new feed là hai trang có mã HTML khác nhau, Nói một cách dễ hiểu là một website bạn vào hàng ngày nó được tập hợp bởi rất nhiều trang HTML.
HTML được tạo ra bởi Tim Berners-Lee ông cũng là người khai sinh ra World Wide Web và cũng là chủ tịch của World Wide Web Consortium [W3C tổ chức tiêu chuẩn chính cho World Wide Web được thành lập vào 1 tháng 10 năm 1994].
Lịch sử phát triển của HTML
HTML được tạo ra bởi Tim Berners-Lee vào cuối những năm 1991, nhưng lúc đó HTML vẫn chưa được phát hành chính thức, sau đó được xuất bản dưới dạng HTML 2.0 vào năm 1995, HTML 4.01 được phát hành vào cuối năm 1999 và là một phiên bản chính của HTML.
HTML giờ đây là một ngôn ngữ đánh dấu siêu văn bản rất phổ biến và đã phát triển lên rất nhiều phiên bản cập nhật khác nhau. Mỗi phiên bản ngày càng cho phép người dùng tạo website một cách dễ dàng, đẹp hơn và hoạt động hiệu quả.
- Phiên bản HTML 1.0 được phát hành vào năm 1993 mục đích chính là chia sẻ thông tin để đọc được thông qua trình duyệt web, vào thời điểm này không có nhiều nhà phát triển tham gia vào việc tạo ra các webiste nên HTML cũng không được phát triển thêm.
- Hai năm sau đó tức là năm 1995 HTML 2.0 được xuất bản, phiên bản này chứa tất cả các tính năng cũ của 1.0 và được cập nhật và bổ xung một số tính năng mới. HTML 2.0 là ngôn ngữ đánh dấu tiêu chuẩn để thiết kế website cho tới tháng 1 năm 1997 và được tinh chỉnh các tính năng cốt lõi của HTML.
- Sau đó HTML 3.0 ra đời năm 1997 được Dave Raggett người đã giới thiệu một bài báo hoặc một bản nháp mới về HTML. Nó bao gồm các tính năng mới được cải tiến của HTML, ưu điểm của nó là mang lại nhiều đặc tính mạnh mẽ hơn cho quản trị viên trong việc thiết kế các website, nhưng nhược điểm của nó là làm chậm trình duyệt.
- Tới phiên bản HTML 4.01 được phát hành vào cuối năm 1999, được sử dụng rất rộng rãi và là phiên bản cực kỳ thành công của HTML trước HTML 5.0.
- Sau năm 1999 là năm 2000 phiên bản XHTML 1.0 được phát hành.
- Từ năm 2002 XHTML 2.0 được phát hành và bị loại bỏ dần tới năm 2009 do các tiêu chuẩn nghiêm ngặt, từ chối các trang web không tuân thủ.
- Phiên bản HTML 5.0 được xuất bản vào năm 2012, phiên bản này đã được phát hành, sử dụng rộng rãi trên toàn thế giới.
HTML hoạt động và xử lý như thế nào?
HTML documents là một tập hợp các đoạn mã ngắn được người quản trị website nhập vào một tập tin có phần mở rộng là .html hoặc .html, bạn có thể xem các tài liệu này bằng bất kỳ trình duyệt web nào như Chrome, Firefox, Internet Explorer, Safari, Coc Coc, Các trình duyệt này đọc tập tin HTML và dịch sang văn bản dạng hiển thị.
Ví dụ dưới đây là một đoạn code HTML xem ở trình soạn thảo code Visual Studio Code
Gbaydev website chuyên cung cấp các kiến thức Công Nghệ Thông Tin mới nhất, được cập nhật liên tục và miễn phí 100%.Gbay DEV website chuyên cung cấp các kiến thức Công Nghệ Thông Tin mới nhất, được cập nhật liên tục và miễn phí 100%.
Và khi bạn xem ở trình duyệt web phổ biến chẳng hạn như chrome sẽ trông như thế này:
Cấu trúc trang HTML
Mỗi trang HTML được cấu trúc bởi các một bộ các tag bao gồm một tag mở và một tag đóng ví dụ như
Gbay DEV website chuyên cung cấp các kiến thức Công Nghệ Thông Tin mới nhất, được cập nhật liên tục và miễn phí 100%.
Trong các tag sẽ có các attribute [thuộc tính] và các giá trị của thuộc tính sẽ nằm trong ngoặc kép, ví dụ như trên tag
Gbaythì có thuộc tính style=color:#323EBE;
Thẻ Gbay còn được gọi là một đoạn mã HTML
Một trang web HTML sẽ bắt đầu bằng thẻ DOCTYPE html> cấu trúc tiêu chuẩn như sau
Trong tag ở trên là khai báo những gì mà văn bản sử dụng chẳng hạn như và kéo những tập tin CSS hoặc JS.
Giữa cặp thẻ Nội dung mà bạn sẽ nhìn thấy khi xem bằng trình duyệt đây sẽ là toàn bộ nội dung bạn nhìn thấy khi mở tập tin HTML bằng trình duyệt web, kết thúc của thẻ body là thẻ đóng của
Các tag thông dụng nhất của HTML
Một văn bản HTML có rất nhiều các tags khác nhau nhưng chúng được chia thành hai loại tag chính là Block-Level và Inline Tags
Block-Level Tags
Block-Level Tags sẽ sử dụng toàn bộ không gian của phần tử cha, toàn bộ vùng chiều cao bằng chiều cao của chính phần tử nên những tags này sẽ tạo thành các khối, Block-Level Tags chỉ có thể xuất hiện giữa thẻ mở và thẻ đóng , Div và Headings là các ví dụ điển hình cho nhóm này.
Dưới đây là bảng chứa bộ danh sách đầy đủ các block-level trong HTML [mặc dù block-level không được định nghĩa về mặt kỹ thuật trong HTML5]