Ngôn ngữ siêu văn bản là gì

  • Html

Html là gì? Giải thích chi tiết về ngôn ngữ siêu văn bản HTML

Bởi
Vũ Đức Thao
-
03/16/2021
0
HTML là gì
Facebook
Twitter
Pinterest
WhatsApp
5/5 - [2 bình chọn]

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ả.

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. Sau năm 1999 là năm 2000 phiên bản XHTML 1.0 được phát hành.
  6. 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ủ.
  7. 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.
Hình ảnh: lịch sử phát triển của HTML

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:

Hình ảnh: một đoạn mã HTML được xem bằng trình duyệt chrome

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

Gbay

thì 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

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%. Nội dung mà bạn sẽ nhìn thấy khi xem bằng trình duyệt >

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-LevelInline 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]

Tên tagTác dụngTên tagTác dụng
Khối chứa thông tin liên lạc.
Khối chứa nội dung bài viết.
Khối chứa nội dung bên trái hoặc phải.
Khối chứa nội dung quocte
Tiện ích tiết lộ.Hộp thoại.
Mô tả một thuật ngữ trong danh sách mô tả.
Dùng để phân chia thành các khối tài liệu.
Danh sách mô tả.Thuật ngữ danh sách mô tả.
Nhãn tập hợp trường.Chú thích hình ảnh.
Nhóm nội dung phương tiện với chú thích [xem ].

,

,

,

, ,

Các thẻ tiêu đề 1-6.
Form dùng cho việc gửi dữ liệu lên serverKhối bao bọc tiêu đề trang, bao gồm logo và menu.
Khối footer thường được để làm chân trang tài liệu HTML.Thông tin tiêu đề nhóm.
Tạo vạch kẻ ngang chạy hết vùng chứa [vạch chia].
  • Tạo các mục liệt kê như trong microsoft word.
    Trung tâm nội dung của tài liệu HTMLChứa các liên kết điều hướng [hay các menu].
    Danh sách được yêu cầu.

    Thẻ này chứa một đoạn văn bản.
    Văn bản được định dạng sẵn.
    Khối này sẽ chứa 1 phần nội dung của vùng chứa.
    Tạo ra một bảng tài liệu
    ul sẽ bao bọc lấy các thẻ li ở phía bên trong để tạo danh sách.

    Inline Tags

    Inline elements là nhóm chỉ sử dụng một phần không gian của phần tử cha và không bắt đầu bằng dòng mới của website, chúng thường được dùng để định dạng nội dung bên trong của Block level elements

    Ví dụ ở đoạn code dưới đây

    HTML là gì? Toàn bộ chi tiết về HTML được giải thích từ Gbay DEV

    trong khối H2 có các phân tử Inline Tag có tác dụng định dạng màu sắc cho chữ Gbay và chữ DEV mà không làm phá vỡ đoạn văn bản.

    Kết quả hiển thị

    Hình ảnh: kết quả hiển thị văn bản khi dùng các thẻ inline tag

    Bạn cũng có thể đổi các phần tử Inline thành Block bằng CSS display từ inline sang block

    Dưới đây là danh sách các phần tử Inline:


    Hình ảnh: về một số tập tin có đuôi html

    Lời kết

    Trên đây là bài viết ngắn của gbaydev về HTML là gì? tất cả những thứ liên quan tới ngôn ngữ đánh dấu siêu văn bản HTML[Hypertext Markup Language]. Hi vọng với kiến thức trên sẽ giúp các bạn hiểu hơn về những website sử dụng hàng ngày như Facebook, Google, Youtube. Nếu có gì chưa hiểu hãy tham gia vào Group hoặc Fanpage của mình để được giải đáp nhé!

    Thank you!!

    Facebook
    Twitter
    Pinterest
    WhatsApp
    Bài trướcGit là gì? Tại sao bạn nên dùng Git?
    Bài tiếp theo  là gì? Cách tạo khoảng cách [khoảng trắng] trong html
    //gbaydev.com
    Tôi là Vũ Đức Thao hay còn gọi là Gbay Frank, tôi đã có 8 năm kinh nghiệm làm MMO và là một lập trình viên tự do với các kỹ năng như HTML, CSS, JS, JQuery, PHP, Wordpress, Laravel, Python, SEO và tự chạy quảng cáo cho các dự án của mình.

    Video liên quan

    Chủ Đề