Tổ 2 by Myhang Le https://padlet.com/myhangl656/3fgr6gzu3m8sq7on en-us 2025-10-09 04:06:44 UTC 2025-10-30 05:26:31 UTC hello@padlet.com https://padlet-uploads-usc1.storage.googleapis.com/4526662008/b329431815668540b0ce12a68c8ee64b/padlet_crane_logo.png TỔ 2 myhangl656 https://padlet.com/myhangl656/3fgr6gzu3m8sq7on/wish/3624643299 Tổ 2

Bài 1:

Dựa trên tính chất và chức năng của từng phần mềm, chúng ta có thể xếp chúng vào hai nhóm như sau:


-Nhóm Phần mềm soạn thảo HTML:


a)Notepad


c)Sublime Text


f)Notepad++


-Nhóm Trình duyệt web:


b)Opera


d)Chrome


e)Cốc Cốc


g)Firefox


h)Microsoft Edge


Giải thích:


Phần mềm soạn thảo HTML: Những phần mềm này được sử dụng để soạn thảo mã nguồn HTML của trang web.


Trình duyệt web: Những phần mềm này được sử dụng để hiển thị và tương tác với các trang web trên internet.

Bài 2:

Mặc dù cả các phần mềm chuyên nghiệp và phần mềm soạn thảo văn bản thông thường đều có thể được sử dụng để soạn thảo HTML, nhưng các phần mềm chuyên nghiệp thường có nhiều tính năng và công cụ hơn để hỗ trợ công việc phát triển web. Ví dụ phần mềm chuyên nghiệp thường có các tính năng hỗ trợ mã nguồn, hỗ trợ các plugin mở rộng để mở rộng tính năng và linh hoạt của ứng dụng.

LUYỆN TẬP:

Bài 1 :

VD: <!DOCTYPE html>

bài 2:

<!DOCTYPE html>


<html lang="vi">


<head>


<meta charset="UTF-8">


<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>Văn bản về sen</title>


</head>


<body>


<p>"Trong đầm gì đẹp bằng sen, lá xanh bông trắng lại chen nhị vàng."</p>


</body>


</html>


Cây thông tin


<html>


|


├── <head>


| |


| ├── <meta charset="UTF-8">


| ├── <meta name="viewport" content="width=device-width, initial-scale=1.0">


| └── <title>Văn bản về sen</title>


|


└── <body>


|


└── <p>"Trong đầm gì đẹp bằng sen, lá xanh bông trắng lại chen nhị vàng."</p>

VẬN DỤNG

bài 1:

Một số trang web phổ biến cung cấp các công cụ soạn thảo HTML trực tuyến:

JSFiddle (https://jsfiddle.net/) .

CodePen(JSBin(https://jsbin.com/)

Repl.it (https://replit.com/)

Bài 2:

<!DOCTYPE html>

<html>

<head>

<title>Ví dụ Trang Web - Hình 7.7</title>

<meta charset="UTF-8">

</head>

<body>

<h1>TÌM HIỂU VỀ TRANG WEB VÀ HTML</h1>


<p>

**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)**. HTML sử dụng các **thẻ (tag)** để đánh dấu và định dạng nội dung hiển thị trên trình duyệt.

</p>


<h2>1. Cấu trúc cơ bản của tệp HTML</h2>


<p>

Mỗi tệp HTML có một cấu trúc cơ bản bao gồm thẻ `<head>` chứa thông tin chung (ví dụ: tiêu đề, mã hóa) và thẻ `<body>` chứa toàn bộ nội dung hiển thị cho người dùng.

</p>


<p>

<img src="anh_minh_hoa.jpg" alt="Sơ đồ cấu trúc cơ bản của trang web">

</p>


<p>

<em>Hình 7.7: Minh họa cấu trúc cơ bản của một trang web sử dụng HTML.</em>

</p>


</body>

</html>

Hướng dẫn lưu và xem trang web

Sao chép mã: Sao chép đoạn mã HTML ở trên.

Sử dụng phần mềm soạn thảo: Mở một phần mềm soạn thảo văn bản như Notepad (trên Windows), TextEdit (trên macOS), hoặc các phần mềm chuyên dụng hơn như VS Code, Sublime Text.

Dán mã: Dán đoạn mã HTML vào.

Lưu tệp: Lưu tệp với tên có phần mở rộng là .html (ví dụ: bai7_hinh77.html). Đảm bảo chọn kiểu mã hóa là UTF-8 để hiển thị tiếng Việt chính xác.

Chèn hình ảnh: Đặt tệp ảnh có tên anh_minh_hoa.jpg (hoặc tên tệp bạn đã dùng) vào cùng thư mục với tệp HTML.

Xem kết quả: Mở tệp .html vừa lưu bằng cách nhấp đúp vào nó. Trình duyệt web của bạn sẽ hiển thị trang web đã tạo.

Video này giới thiệu về HTML và Cấu trúc Trang Web trong Tin học 12, tương ứng với nội dung Bài 7. Tin Học 12 | Kết Nối Tri Thức | Bài 7: HTML Và Cấu Trúc Trang Web

]]> 2025-10-09 04:10:16 UTC https://padlet.com/myhangl656/3fgr6gzu3m8sq7on/wish/3624643299