Lý thuyết Tin 12 Bài 7: HTML và cấu trúc trang web - Kết nối tri thức
Haylamdo biên soạn tóm tắt lý thuyết Tin học 12 Bài 7: HTML và cấu trúc trang web sách Kết nối tri thức hay nhất, ngắn gọn sẽ giúp học sinh lớp 12 nắm vững kiến thức trọng tâm, ôn luyện để học tốt môn Tin 12.
Lý thuyết Tin 12 Bài 7: HTML và cấu trúc trang web - Kết nối tri thức
1. Trang web và html
a) Thẻ đánh dấu HTML
Trang web được thiết lập theo một ngôn ngữ có cấu trúc đặc biệt gọi là ngôn ngữ đánh dấu siêu văn bản HTML.
Các thẻ được viết trong cặp dấu “<”, “>”. Thông thường mỗi thẻ bao gồm thẻ bắt đầu và thẻ kết thúc, chỉ ra phạm vi tác dụng của thẻ.
Lưu ý.
Tên thẻ HTML không phân biệt chữ hoa, chữ thường nhưng mặc định tên thẻ được viết chữ thường.
Các thẻ có thể lồng nhau.
Mỗi thẻ có thể đi kèm các thông tin thuộc tính của thẻ.
Phần lớn các thẻ đều là thẻ đôi, tức là có thẻ bắt đầu (opening tag) và thẻ kết thúc (closing tag). Vị trí kết thúc thẻ có thêm dấu “/”.
Tuy nhiên có một số loại thẻ đơn, tức là chỉ có thẻ bắt đầu.
HTML và trình duyệt không nhận biết được nhiều dấu cách. Trình duyệt cũng không nhận biết dấu xuống dòng khi người dùng nhấn phím Enter.
b) Phần tử HTML
Các tệp HTML là tệp văn bản được cấu tạo từ các phần tử HTML. Mỗi phần tử HTML gồm nội dung được đánh dấu bởi các thẻ (HTML tag) có tính năng điều khiển hoặc định dạng nội dung. Trình duyệt có chức năng hiển thị nội dung trang web theo đúng định dạng được thiết lập.
2. Cấu trúc cơ bản của một tệp html
1. `<!DOCTYPE html>`: Dòng này thông báo cho trình duyệt biết đây là tệp văn bản HTML.
2. `<html>`: Phần tử gốc chứa toàn bộ nội dung HTML của trang web, bao gồm `<head>` và `<body>`.
3. `<head>`: Chứa các thông tin chung cho trang web như `<title>`, `<meta>`, `<style>`, `<script>`.
4. `<body>`: Chứa nội dung hiển thị của trang web.
5. `<meta>`: Dùng để mô tả các thông tin bổ sung như mã hoá, từ khoá, tác giả. Nằm trong `<head>`.
6. `<title>`: Đặt tên cho trang web, xuất hiện trong kết quả tìm kiếm.
7. Các thẻ định dạng văn bản như `<h1>` đến `<h6>` và `<p>` để biểu thị tiêu đề và đoạn văn bản.
Lưu ý: HTML không nhận biết kí tự xuống dòng để kết thúc đoạn văn bản như các phần mềm soạn thảo văn bản thông thường.
Cấu trúc cơ bản của tập HTML có dạng như một cây thông tin các phần tử HTML. Quan hệ cha – con của các nút trên cây được mô tả bằng sự lồng nhau của các phần tử (hay thẻ) HTML. Gốc của cây HTML chính là phần tử HTML.
3. Phần mềm soạn thảo của HTML
a) Phần mềm Notepad: là phần mềm soạn thảo văn bản đơn giản
b) Phần mềm soạn thảo HTML chuyên nghiệp nguồn mở
- Phần mềm Notepad++
- Phần mềm Sublime Text
c) Sử dụng trang web hỗ trợ soạn thảo HTML trực tuyến
Yêu cầu máy tính có kết nối Internet và cài đặt trình duyệt chuẩn, có thể quan sát ngay kết quả hiển thị trang web trên trình duyệt.