Những khái niệm về web¶

Siêu văn bản¶

Siêu văn bản là văn bản

• hiển thị trên máy tính và những thiết bị số khác

• và có chứa các siêu liên kết (1) cho phép người đọc truy xuất ngay đến những thông tin hữu quan khác.

  1. Văn bản có chứa video hoặc ảnh động thì vẫn không phải là siêu văn bản.

Siêu liên kết¶

Siêu liên kết, gọi tắt là liên kết, là một tham chiếu hoặc một kết nối giữa hai phần thông tin trong cùng một siêu văn bản hoặc giữa các văn bản khác nhau.

Siêu liên kết giúp dẫn đến phần nội dung khác của cùng siêu văn bản hoặc dẫn đến một văn bản khác.

Trang web¶

Trang web là một tài liệu nằm trên hệ thống World Wide Web (1) và được hiển thị trên trình duyệt web.

1. World Wide Web, viết tắt là www, là hệ thống thông tin mà trong đó mỗi tài liệu hoặc mỗi tài nguyên web được xác định bằng một URL (Uniform Resource Locators) và có thể được truy cập qua Internet.

Trang web là một ví dụ của siêu văn bản.

Khi đang truy cập một trang web, người dùng có thể nhấn vào siêu liên kết nào đó để truy cập ngay phần nội dung khác của cùng trang web hoặc trang web khác.

Website¶

Website là tập hợp các trang web hữu quan và đứng chung dưới một tên miền.

Ví dụ:
Website của Samsung là tập hợp các trang web liên quan đến các sản phẩm của Samsung và đứng chung dưới tên miền samsung.com.

HTML¶

HTML (Hypertext Markup Language) là ngôn ngữ cơ bản dùng để tạo nên một trang web.

Phiên bản mới nhất hiện nay là HTML5.

Ngoài HTML, còn có những ngôn ngữ hoặc công nghệ khác góp phần tạo nên một trang web (1).

1. Trong khi HTML giúp định nghĩa cấu trúc và nội dung của trang web, thì những ngôn ngữ khác kết hợp với HTML nhằm tăng thêm tính năng cho trang web. Chẳng hạn như:

   • CSS: xử lý bố cục và cách thể hiện của trang web, giúp trang web thêm trực quan và đẹp mắt.
   • JavaScript: xử lý hành vi của trang web, làm cho trang web tương tác được với người dùng.

Phần tử HTML¶

Ngôn ngữ HTML định nghĩa cấu trúc của trang web bằng cách sử dụng các phần tử HTML.

Các phần tử HTML này có tác dụng tổ chức những nội dung sẽ hiển thị trên trang web.

Nói cách khác, mỗi thành phần của trang web như văn bản, hình ảnh, âm thanh, video, v.v... đều được xác định bởi những phần tử HTML tương ứng.

Thẻ và thuộc tính¶

Mỗi phần tử HTML được đại diện bằng một thẻ HTML (1) và có thể có nhiều thuộc tính.

1. Trong nhiều tài liệu, thuật ngữ phần tử và thẻ được sử dụng thay thế cho nhau.

Tên thẻ đặt trong cặp ngoặc < >.

Có hai loại thẻ:

• Thẻ mở: đánh dấu chỗ bắt đầu phần tử.
• Thẻ đóng: đánh dấu chỗ kết thúc phần tử.

Ngoài ra, còn có các phần tử không cần thẻ đóng, có thể gọi là thẻ tự đóng.

Trình duyệt web¶

Khái quát¶

Trình duyệt web là phần mềm giúp truy cập và khám phá các website.

Ví dụ:
Những trình duyệt phổ biến hiện nay:

• Microsoft Edge
• Google Chrome
• Mozilla Firefox
• Opera
• Samsung Internet

Cơ chế hoạt động¶

Các công đoạn chính khi duyệt web:

1. Người dùng nhập địa chỉ của trang web.

2. Trình duyệt gửi yêu cầu đến máy chủ web.

3. Máy chủ xử lý và trả về mã nguồn HTML của trang web.

4. Trình duyệt phân tích mã nguồn HTML để hiểu cấu trúc và nội dung của trang web.

5. Trình duyệt kết xuất trang web, trong đó bao gồm các thao tác như: thông dịch các phần tử HTML, áp dụng mã CSS và thực thi mã JavaScript. (1)

   1. CSS được đề cập trong những bài sau, còn Javascript không có trong chương trình học.

Kết quả kết xuất¶

Về cơ bản, các trình duyệt đều kết xuất trang web một cách tương tự nhau, do chúng đều tuân theo những tiêu chuẩn chung, chẳng hạn HTML5. Tuy nhiên, vẫn còn nhiều yếu tố tạo ra sự khác biệt khi các trình duyệt kết xuất cùng một trang web, dẫn đến việc người dùng sẽ có những trải nghiệm khác nhau trên các trình duyệt.

Vì vậy, các nhà phát triển web phải kiểm thử trang web của mình trên nhiều trình duyệt lẫn thiết bị khác nhau để đảm bảo trang web hoạt động tốt. Các hình dưới đây minh họa kết xuất của một trang web trên những trình duyệt khác nhau.

Sơ đồ tóm tắt nội dung¶

Some English words¶