Hướng dẫn hypertext in html - siêu văn bản trong html

  • Trang chủ
  • Hướng dẫn học
  • Hướng dẫn học HTML/HTML5
  • Giới thiệu về HTML

Giới thiệu về HTML

  • HTML là ngôn ngữ dùng để mô tả một trang web.
  • HTML viết tắt của từ Hyper Text Markup Language.Hyper Text Markup Language.
  • HTML không phải là ngôn ngữ lập trình, html là ngôn ngữ đánh dấu (markup language), ngôn ngữ đánh dấu là một nhóm các thẻ đánh dấu (các tag), HTML sử dụng các thẻ này để mô tả trang web.

Sự sắp xếp chiều dọc của thẻ block trong HTML

Khi sử dụng các thẻ block, trình duyệt sẽ sắp xếp các thẻ theo chiều dọc, mỗi thẻ sẽ chiếm vùng không gian nằm ngang từ trên xuống theo thứ tự sắp xếp trong trang HTML, thẻ nào code trước sẽ nằm trên, các thẻ code sau sẽ nằm bên dưới.

Xem ví dụ sau đây để thấy được trình duyệt sắp xếp các thẻ theo chiều ngang như thế nào:

HTML viết

Tiêu đề 01

Link 01 Link 02 Link 03 Link 04 Link 05

  • Link 01

  • Link 02

  • Link 03

  • Link 04

  • Link 05

  • Nội dung chính

    Nội dung phụ

    Tên công ty Địa chỉ

    Tên công ty


    Địa chỉ


    Hiển thị trình duyệt:

    Hướng dẫn hypertext in html - siêu văn bản trong html

    Phân tích vị trí của các thẻ:

    Hướng dẫn hypertext in html - siêu văn bản trong html

    Ta thấy các thẻ block đều chiếm vùng không gian nằm ngang, chúng ta có thể sắp xếp lại vị trí của các thẻ block bằng cách sử dụng các thuộc tính css.

    Sự sắp xếp chiều ngang của thẻ inline trong HTML

    Khi sử dụng các thẻ inline, trình duyệt sẽ sắp xếp các thẻ liền kề nhau theo chiều ngang, thẻ nào code trước xuất hiện trước, thẻ nào code sau xuất hiện sau.

    Xem ví dụ sau đây để thấy được trình duyệt sắp xếp các thẻ inline như thế nào:

    HTML viết

    Tiêu đề 01
    thẻ span
    thẻ em
    thẻ strong

    Hiển thị trình duyệt:

    Hướng dẫn hypertext in html - siêu văn bản trong html

    Phân tích vị trí của các thẻ:

    Ta thấy các thẻ block đều chiếm vùng không gian nằm ngang, chúng ta có thể sắp xếp lại vị trí của các thẻ block bằng cách sử dụng các thuộc tính css.

    Th8 17, 2022

    Hai G.

    7ít nhất Đọc

    Hướng dẫn hypertext in html - siêu văn bản trong html

    HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng. là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng.

    HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó không thể tạo ra các chức năng “động” được. Nó chỉ giống như Microsoft Word, dùng để bố cục và định dạng trang web.

    Khi làm việc với HTML, chúng ta sẽ sử dụng cấu trúc code đơn giản (tags và attributes) để đánh dấu lên trang web. Ví dụ, chúng ta có thể tạo một đoạn văn bằng cách đặt văn bản vào trong cặp tag mở và đóng văn bản và

    Đây là cách bạn thêm đoạn văn trong HTML.

    Bạn có thể thêm nhiều đoạn văn!

    Tổng quan, HTML là ngôn ngữ markup, nó rất trực tiếp dễ hiểu, dễ học, và tất cả mọi người mới đều có thể bắt đầu học nó để xây dựng website. Sau đây là những gì bạn sẽ được tìm hiểu trong bài viết này:

    • Lịch sử của HTML
    • HTML hoạt động như thế nào?
    • Tổng quan của các tag thông dụng nhất của HTML
    • Sự phát triển của HTML. Có gì khác biệt giữa HTML và HTML5?
    • Ưu điểm và nhược điểm của HTML
    • HTML, CSS, và JavaScript liên quan với nhau như thế nào?
    • Vậy…HTML là gì?

    Lịch sử của HTML

    HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ. Anh ta đã nghĩ ra được ý tưởng cho hệ thống hypertext trên nền Internet.

    Hypertext có nghĩa là văn bản chứa links, nơi người xem có thể truy cập ngay lập tức. Anh xuất bản phiên bản đầu tiên của HTML trong năm 1991 bao gồm 18 tag HTML. Từ đó, mỗi phiên bản mới của HTML đều có thêm tag mới và attributes mới.

    Theo Mozilla Developer Network: HTML Element Reference, hiện tại có hơn 140 HTML tags, mặc dù một vài trong số chúng đã bị tạm ngưng (không hỗ trợ bởi các trình duyệt hiện đại).

    Nhanh chóng phổ biến ở mức độ chóng mặt, HTML được xem như là chuẩn mật của một website. Các thiết lập và cấu trúc HTML được vận hành và phát triển bởi World Wide Web Consortium (W3C). Bạn có thể kiểm tra tình trạng mới nhất của ngôn ngữ này bất kỳ lúc nào trên trang W3C’s website.

    Nâng cấp mới nhất gần đây là vào năm 2014, khi ra mắt chuẩn HTML5. Nó thêm vài tags vào markup, để xác định rõ nội dung thuộc loại là gì, như là , , và .HTML5. Nó thêm vài tags vào markup, để xác định rõ nội dung thuộc loại là gì, như là

    ,
    , và
    .

    HTML hoạt động như thế nào?

    Tổng quan của các tag thông dụng nhất của HTMLhtml hay .htm. Bạn có thể xem chúng bằng cách sử dụng bất kỳ trình duyệt web nào (như Google Chrome, Safari, hay Mozilla Firefox). Trình duyệt đọc các files HTML này và xuất bản nội dung lên internet sao cho người đọc có thể xem được nó.

    Sự phát triển của HTML. Có gì khác biệt giữa HTML và HTML5?

    Ưu điểm và nhược điểm của HTMLtag (cũng được gọi là elements), bạn có thể xem như là việc xây dựng từng khối của một trang web. Nó tạo thành cấu trúc cây thư mục bao gồm section, paragraph, heading, và những khối nội dung khác.

    HTML, CSS, và JavaScript liên quan với nhau như thế nào?.

    Vậy…HTML là gì?

    The Main Heading

    A catchy subheading

    Paragraph one

    Paragraph two with a hyperlink

    • Lịch sử của HTML
      ), dùng để mark up cho phần nội dung lớn.
    • HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ. Anh ta đã nghĩ ra được ý tưởng cho hệ thống hypertext trên nền Internet.

      ), một tag subheading (

      ), 2 văn bản (

      ), và một bước hình (
      Hướng dẫn hypertext in html - siêu văn bản trong html

      Nếu bạn muốn tìm hiểu thêm về tag HTML, hãy cân nhắc xem qua cheat sheet HTML của chúng tôi (có thể download được file cheat sheet)

      Sự phát triển của HTML. Có gì khác biệt giữa HTML và HTML5?

      Từ những ngày đầu tiên, HTML đã là một phát minh vượt thời đại. W3C liên tục xuất bản các bản cập nhật và nâng cấp.

      HTML4 (cũng thường được gọi là “HTML”) được phát hành năm 1999, trong khi phiên bản mới nhất, lớn nhất là HTML5 thì phát hành năm 2014. Phiên bản này đã ra mắt rất nhiều tính năng quan trọng mới.HTML5 thì phát hành năm 2014. Phiên bản này đã ra mắt rất nhiều tính năng quan trọng mới.

      Một trong số các tính năng hấp dẫn nhất của HTML5 là khả năng hỗ trợ audio và video. Thay vì sử dụng Flash Player, chúng ta giờ đây chỉ cần nhúng videos và audio files vào trong trang web bằng tag hay . Nó cũng hỗ trợ những tính năng mặc định như hỗ trợ scalable vector graphics (SVG) và MathML cho các công thức toán học và phương trình khoa học. hay . Nó cũng hỗ trợ những tính năng mặc định như hỗ trợ scalable vector graphics (SVG) và MathML cho các công thức toán học và phương trình khoa học.

      HTML5 có rất nhiều cải thiện về mặt ngôn ngữ. Các tag mới nhằm giới thiệu cho trình duyệt biết mục đích chính của nội dung trong website là gì, việc này có lợi cho cả người đọc và cả search engine.

      Các semantic tags đó là , , , , và . Để hiểu rõ hơn sự khác biệt của từng loại, hãy xem qua bản so sánh chuyên sâu giữa HTML và HTML5 của chúng tôi.

      ,
      , ,
      , và
      . Để hiểu rõ hơn sự khác biệt của từng loại, hãy xem qua bản so sánh chuyên sâu giữa HTML và HTML5 của chúng tôi.

      Ưu điểm và nhược điểm của HTML

      Như hầu hết mọi chuyện, HTML có ưu và nhược điểm của riêng nó.

      Ưu điểm:

      • Ngôn ngữ được sử dụng rộng lớn này có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng cực lớn.
      • Sử dụng mượt mà trên hầu hết mọi trình duyệt.
      • Có quá trình học đơn giản và trực tiếp.
      • Mã nguồn mở và hoàn toàn miễn phí.
      • Markup gọn gàng và đồng nhất.
      • Chuẩn chính của web được vận hành bởi World Wide Web Consortium (W3C).
      • Dễ dàng tích hợp với các ngôn ngữ backend như PHP và Node.js.

      Khuyết điểm:

      • Được dùng chủ yếu cho web tĩnh. Đối với các tính năng động, bạn cần sử dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP.
      • Nó có thể thực thi một số logic nhất định cho người dùng. Vì vậy, hầu hết các trang đều cần được tạo riêng biệt, kể cả khi nó sử dụng cùng các yếu tố, như là headers hay footers.
      • Một số trình duyệt chậm hỗ trợ tính năng mới.
      • Khó kiểm soát cảnh thực thi của trình duyệt (ví dụ, những trình duyệt cũ không render được tag mới)

      HTML, CSS, và JavaScript liên quan với nhau như thế nào?

      Mặc dù HTML là một ngôn ngữ mạnh mẽ, nó vẫn không đủ tính năng để xây dựng một website chuyên nghiệp và hoàn toàn responsive. Chúng ta chỉ có thể dùng HTML để thêm element dạng văn bản và tạo ra giao diện cấu trúc cho nội dung.

      Tuy nhiên, HTML tương thích hoàn toàn với 2 ngôn ngữ frontend là: CSS (Cascading Style Sheets), và JavaScript. Cùng với nhau, những ngôn ngữ này có thể kết hợp với nhau để tăng trải nghiệm người dùng và thiết lập các chức năng cao cấp khác:

      • CSS chịu trách nhiệm cho việc thiết kế, tạo kiểu cho backgrounds, màu sắc, bố cục, phân cách và hiệu ứng.
      • JavaScript giúp bạn tạo ra những chức năng động như: slider, pop-up và thư viện ảnh.

      Hãy xem HTML giống như là một người, CMS giống như là quần áo, JavaScript là cách ứng xử và hành vi của người đó.

      Vậy…HTML là gì?

      HTML là ngôn ngữ markup của thế giới web. Ngôn ngữ markup là loại ngôn ngữ dùng để thiết kế và sắp đặt nội dung, ảnh, và tất cả những yếu tố trên website. Nó chạy trên bất kỳ trình duyệt nào và được quản lý bởi World Wide Web Consortium.

      Bạn có thể dùng nó để cấu trúc nội dung của website hay ứng dụng web. Nó là lớp thấp nhất trong các lớp xử lý ở frontend, đảm nhiệm việc tạo phong cách cơ bản nhất cho website, và kết hợp với CSS để làm đẹp cho website hơn và kết hợp với JavaScript để tăng chức năng cho website.

      Hải G. là chuyên gia quản lý, vận hành các dịch vụ website. Anh có nhiều năm kinh nghiệm về VPS, Hosting, technical SEO, CMS. Đặc biệt yêu thích WordPress và đã dùng nó hơn 5 năm nay. Sở thích của anh là đọc, viết blog, đi du lịch và tư vấn cho các bạn trẻ khởi nghiệp.