Lý thuyết Tin 12 Kết nối tri thức Bài 7: HTML và cấu trúc trang web

Giảm giá 50% sách VietJack đánh giá năng lực các trường trên Shopee Mall

Với 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 Kết nối tri thức Bài 7: HTML và cấu trúc trang web

Quảng cáo

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.

Quảng cáo

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.

Quảng cáo

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.

Quảng cáo

Xem thêm tóm tắt lý thuyết Tin học lớp 12 Kết nối tri thức hay khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Tài liệu cho giáo viên: Giáo án, powerpoint, đề thi giữa kì cuối kì, đánh giá năng lực, thi thử THPT, HSG, chuyên đề, bài tập cuối tuần..... độc quyền VietJack, giá hợp lí

Sách VietJack thi THPT quốc gia 2025 cho học sinh 2k7:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official