HTML mô tả cấu trúc trang
**HTML** là viết tắt của *Hypertext Markup Language*, nghĩa là ngôn ngữ đánh dấu siêu văn bản. HTML dùng các thẻ đánh dấu để mô tả cấu trúc và ý nghĩa của nội dung trang web, chẳng hạn tiêu đề, đoạn văn hoặc hình ảnh.
Trong bài này, trang nguồn là một tệp văn bản HTML đơn giản. Phần mềm soạn thảo dùng để nhập và sửa văn bản nguồn; trình duyệt đọc văn bản ấy để hiển thị trang. Cùng một tệp có thể được mở bằng hai công cụ với hai mục đích khác nhau.
Hai cách nhìn cùng một nội dung
Đoạn nguồn sau gồm một tiêu đề và một đoạn văn:
```html
<h1>Góc đọc sách</h1>
<p>Mỗi tuần chọn một cuốn sách.</p>
```
Trong phần mềm soạn thảo, các dấu `<`, `>` và tên thẻ là một phần của mã nguồn. Trong vùng trang hiển thị thông thường, trình duyệt thể hiện “Góc đọc sách” như một tiêu đề và câu tiếp theo như một đoạn văn; các thẻ không hiện nguyên dạng.
HTML mô tả nội dung, cấu trúc. Không nên đồng nhất việc viết HTML với viết thuật toán có biến, vòng lặp như trong Python.
Chọn công cụ theo công việc
| Công việc | Công cụ phù hợp |
|---|---|
| Nhập, sửa và lưu mã HTML |Phần mềm soạn thảo văn bản thuần, như Notepad hoặc GNOME Text Editor|
| Xem trang được hiển thị |Trình duyệt web|
| Sửa mã với hỗ trợ tô màu, hoàn thành thẻ |Trình soạn thảo mã có hỗ trợ HTML|
Một công cụ soạn thảo trực tuyến có thể đặt khung mã và khung kết quả cạnh nhau. Dù ở cùng cửa sổ, vai trò soạn mã và hiển thị kết quả vẫn khác nhau. Tô màu thẻ giúp đọc mã; màu đó không tự trở thành màu chữ của trang.
Bài luyện
HTML được dùng trực tiếp cho công việc nào trong bài?
Đúng. Các thẻ đánh dấu giúp mô tả cấu trúc, ý nghĩa nội dung.
HTML không thay thế hệ điều hành.
Tệp HTML không tự tạo kết nối mạng.
Đánh dấu nội dung không xác minh tính đúng của dữ kiện.
Lời giải
HTML là ngôn ngữ đánh dấu siêu văn bản. Trong ví dụ, h1 xác định tiêu đề và p xác định đoạn văn. Vai trò này là mô tả cấu trúc, nội dung của trang; không suy thành quản lí thiết bị, tạo kết nối hoặc kiểm chứng thông tin.
Bài luyện
Một tệp HTML đơn giản chứa tiêu đề và đoạn văn như ví dụ. Nhận xét nào đúng khi mở tệp bằng trình duyệt để xem trang?
Đó là cách nhìn mã nguồn, khác vùng trang hiển thị thông thường.
Trình duyệt đọc nội dung HTML, không chỉ tên tệp.
Đúng. Thẻ chỉ cách tổ chức nội dung khi hiển thị.
Xóa dấu đánh dấu làm mất cấu trúc đã mô tả.
Lời giải
Mã nguồn chứa thẻ h1 và p cùng phần văn bản. Trình duyệt đọc các thẻ để tạo tiêu đề và đoạn văn; không cần xóa thẻ và cũng không hiển thị nguyên mã trong vùng trang thông thường.
Bài luyện
Cần đổi câu văn trong tệp nguồn rồi kiểm tra kết quả. Trình tự nào phù hợp?
Đổi tên trình duyệt không sửa nội dung nguồn.
Đúng. Cần sửa và lưu nguồn trước khi trình duyệt đọc bản mới.
Tô màu mã của trình soạn thảo không quyết định màu chữ trên trang.
Tệp nguồn còn cần để sửa và mở lại.
Lời giải
Trình soạn thảo thay đổi văn bản nguồn, thao tác lưu ghi thay đổi vào tệp. Sau đó, mở hoặc tải lại đúng tệp giúp trình duyệt đọc bản mới và thể hiện câu đã sửa.
Đang học