Bài học cùng chủ đề
Giới thiệu trang web và ngôn ngữ HTML SVIP
1. Giới thiệu trang web và ngôn ngữ HTML
a) Đặc điểm của trang web
Trang web là một tài nguyên trực tuyến trên Internet, chứa nhiều nội dung (hình ảnh, biểu đồ, âm thanh,...)
Văn bản (mã nguồn) của trang web được viết bằng ngôn ngữ đánh dấu siêu văn bản (HTML) và được lưu thành tệp tin có phần mở rộng là *.html.
Hiện nay, HTML5 là phiên bản HTML được sử dụng phổ biến nhất.
b) Công cụ soạn thảo
Người lập trình sử dụng các công cụ soạn thảo văn bản HTML để biên soạn và chỉnh sửa văn bản (mã nguồn) HTML.
- Công cụ trên máy tính (ngoại tuyến) có tính năng phong phú hơn và không yêu cầu kết nối mạng: Visual Studio Code, Sublime Text hay Notepad++.
- Công cụ trên trình duyệt (trực tuyến) tiện dụng, làm việc mọi lúc mọi nơi: onlinegdb.com, w3school.com hay tutorialpoint.com.
Các công cụ soạn thảo ngoại tuyến thường có tính năng phong phú hơn và không yêu cầu kết nối mạng.
Câu hỏi:
@205272050405@@205272115379@@205272241393@
2. Cấu trúc trang web dưới dạng HTML
a) Cấu trúc phần tử HTML
Phần tử (Element) HTML là một thành phần của văn bản (mã nguồn) HTML.
Một phần tử được định nghĩa bằng một cặp gồm: thẻ mở (thẻ bắt đầu, kí hiệu <tên_thẻ>) và thẻ đóng (thẻ kết thúc, kí hiệu </tên_thẻ>), các thuộc tính và nội dung mà cặp thẻ tác động. Một số phần tử đặc biệt không có thẻ đóng.
Cú pháp khai báo một phần tử thông thường như sau:
<tên_thẻ thuộc_tính = "giatri1" thuộc_tính = "giatri2"> Nội dung </tên_thẻ>
- tên_thẻ: Được đặt tên mang tính gợi nhớ tới ý nghĩa của thẻ.
- Nội dung: Là phần chứa nội dung được định dạng hoặc tác động bởi phần tử đó.
- thuộc_tính: Phần tử có thể có nhiều thuộc tính chỉ đặt trong thử mở (phân tách nhau bởi dấu cách) nhằm cung cấp thông tin bổ sung cho phần tử như màu sắc, kích thước, liên kết,…
b) Cấu trúc trang web dưới dạng HTML
Một văn bản HTML bao gồm hai thành phần chính là phần đầu (head) và phần thân (body) đặt trong cặp thẻ <html> </html>:
- Phần đầu: chứa thông tin tiêu đề, các tài nguyên khác nằm trong cặp thẻ <head></head>.
- Phần thân: chứa nội dung chính của trang web đặt trong cặp thẻ <body></body>.
Sử dụng <!DOCTYPE html> báo hiệu đây là văn bản được viết bằng HTML5.
Cấu trúc của một trang web HTML được biểu diễn dưới dạng cây thông tin với các phần tử có quan hệ cha - con. Nút gốc (root) của cây là phần tử html, mỗi phần tử trong nó là các nút con.
Câu hỏi:
@205272260527@@205272292541@
