Bài 2. Định dạng văn bản và tạo siêu liên kết trang 40, 41, 42 SGK Tin học 12 Cánh diều

Em hãy nêu một số cách để nhận biết siêu liên kết trên trang web.


CH tr 40

Trả lời câu hỏi Khởi động trang 40 SGK Tin học 12 Cánh diều

Em hãy nêu một số cách để nhận biết siêu liên kết trên trang web.

Phương pháp giải:

Siêu liên kết là một phương thức liên kết từ một nội dung đến một nội dung khác trên web.

Lời giải chi tiết:

Siêu liên kết là một phương thức liên kết từ một nội dung đến một nội dung khác trên web. Nó thường được biểu thị bằng văn bản gạch chân trên một trang web. Khi nhấp vào siêu liên kết, bạn sẽ được chuyển hướng đến URL, hình ảnh, trang web hoặc tệp tin liên kết. Siêu liên kết là cách mà mọi người và các trang web chia sẻ thông tin trên mạng.


CH tr 41

Trả lời câu hỏi Hoạt động trang 41 SGK Tin học 12 Cánh diều

Em thường định dạng cho tiêu đề mục của các mục lớn và nhỏ trong một văn bản như thế nào?

Phương pháp giải:

HTML hỗ trợ khai báo sáu tiêu đề mục được phân cấp.

Các phần tử tạo tiêu đề mục được khai báo như sau:

<Cấp của tiêu đề mục> Tiêu đề mục </Cấp của tiêu đề mục>.

Lời giải chi tiết:

HTML hỗ trợ khai báo sáu tiêu đề mục được phân cấp, định nghĩa bởi các phần tử h1, h2, h3, h4, h5 và h6 tương ứng (h là viết tắt của heading và các chữ số cho biết cấp của tiêu đề mục). Các phần tử tạo tiêu đề mục được khai báo như sau: 

<Cấp của tiêu đề mục> Tiêu đề mục </Cấp của tiêu đề mục> 

Trong đó, Cấp của tiêu đề mục là một trong các phần tử h1, h2, h3, h4, h5, h6. 

Theo mặc định, trình duyệt web sẽ hiển thị tiêu đề mục với kiểu chữ in đậm và cỡ chữ khác nhau. Phần tử h1 tạo tiêu đề mục có cỡ chữ lớn nhất, cỡ chữ sẽ giảm dần theo các cấp từ h2 đến h6.


LT1

Trả lời câu hỏi Luyện tập 1 trang 45 SGK Tin học 12 Cánh diều

Em hãy sử dụng các phần tử tạo tiêu đề mục để tạo một trang web hiển thị các tiêu đề mục của nội dung bài học này.

Phương pháp giải:

Tạo trang web với các phần tử thích hợp.

Tạo tiêu đề mục theo quy định:

<Cấp của tiêu đề mục> Tiêu đề mục </Cấp của tiêu đề mục> 

Lời giải chi tiết:

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8"> 

<title>Khai báo tiêu đề /title> 

</head> 

<body> 

<h1> Bài 2. Định dạng văn bản và tạo siêu liên kết</h1>  

<h2> 1. Tổ chức các đoạn văn bản trong trang web</h2>  

<h3> 2. Tạo tiêu đề mục</h3> 

<h4> 3. Làm nổi bật nội dung văn bản </h4> 

<h5) 4. Tạo siêu liên kết <h5>  

</body>  

</html>


LT2

Trả lời câu hỏi Luyện tập 2 trang 45 SGK Tin học 12 Cánh diều

Em hãy sử dụng các phần tử strong, em, mark để làm nổi bật các mục đã tạo ở Câu 1.

Phương pháp giải:

Phần tử strong in đậm nội dung.

Phần tử em in nghiêng nội dung.

Phần tử mark tô nền vàng cho nội dung.

Lời giải chi tiết:

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8"> 

<title>Khai báo tiêu đề /title> 

</head> 

<body> 

<mark><h1> Bài 2. Định dạng văn bản và tạo siêu liên kết</h1></mark> 

<strong><h2> 1. Tổ chức các đoạn văn bản trong trang web</h2> </strong> 

<em><h3> 2. Tạo tiêu đề mục</h3></em> 

<strong><<h4> 3. Làm nổi bật nội dung văn bản </h4></strong> 

</strong><h5) 4. Tạo siêu liên kết <h5> </strong> 

</body>  

</html>


VD

Trả lời câu hỏi Vận dụng trang 45 SGK Tin học 12 Cánh diều

Em hãy kết hợp sử dụng các phần tử tạo tiêu đề mục từ h1 đến h6 với phần tử tạo đoạn văn bản p và phần tử tạo siêu liên kết a để soạn văn bản HTML có nội dung giới thiệu về trường em. Lưu văn bản và mở bằng trình duyệt web.

Phương pháp giải:

Sử dụng phối hợp các phần tử tạo tiêu đề đã được học, dùng các phần tử strong, em, mark để làm nổi bật những nội dung chính.

Lời giải chi tiết:

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8"> 

<title>Khai báo tiêu đề /title> 

</head> 

<body> 

<mark><h1> Giới thiệu về trường em</h1></mark> 

<strong><h2> 1. Giới thiệu chung về nhà trường</h2> </strong> 

<em><h3> 2. Giới thiệu về thầy cô</h3></em> 

<strong><<h4> 3. Giới thiệu về học sinh </h4></strong> 

</strong><h5) 4. Giới thiệu về cảnh quan nhà trường <h5> </strong> 

</body>  

</html>


KT1

Trả lời câu hỏi Kiểm tra 1 trang 45 SGK Tin học 12 Cánh diều

Trong các khai báo tạo siêu liên kết sau, khai báo nào đúng?  

A. <a href="trangnhat.html">Trang chu</a>  

B. <a href— “trang nhat.html">Trang chủ</a> 

C.<a link=“trangnhat.html">Trang chủ</a> 

D.<a link= “trang nhat.html">Trang chủ</a>

Phương pháp giải:

Siêu liên kết được khai báo theo quy tắc:

<a herf=”URL”> Liên kết web </a>.

Lời giải chi tiết:

Siêu liên kết được khai báo theo quy tắc:

<a herf=”URL”> Liên kết web </a>.

=> Khai báo đúng là:

A. <a href="trangnhat.html">Trang chu</a>


KT2

Trả lời câu hỏi Kiểm tra 2 trang 45 SGK Tin học 12 Cánh diều

Mỗi phát biểu sau đây là đúng hay sai khi sử dụng các phần tử để định dạng văn bản trên trang web? 

a) Nội dung các tiêu đề mục tạo bởi các phần tử h1, h2, h3, h4, h5, h6 khi hiển thị trên màn hình trình duyệt web đều được in đậm. 

b) Nội dung của phần tử strong không thể chứa phần tử h 

c) Nội dung của phần tử mark khi hiển thị trên màn hình trình duyệt web được tô nền màu xanh. 

d) Đoạn văn bản tạo phần tử p được hiển thị trên một đoạn mới khi mở bằng trình duyệt web.

Phương pháp giải:

Dựa vào kiến thức bài học về tạo tiêu đề trang web, các phần tử làm nổi bật nội dung văn bản để trả lời.

Lời giải chi tiết:

a) Đúng 

b) Sai 

c) Sai 

d) Đúng



Từ khóa phổ biến