Khởi động (trang 46) Tin 12 Kết nối tri thức Bài 8: Cho hai đoạn văn bản như Hình 8.1. Cách trình bày đoạn văn bản nào có định dạng đẹp hơn? Tại sao?
Trả lời:
– Định dạng 2 đẹp mắt hơn vì có định dạng, căn lề, màu chữ, độ lớn,… phù hợp.
– Định dạng 1 bị đơn điệu.
1. Thuộc tính thẻ
Hoạt động 1 (trang 46) Tin 12 Kết nối tri thức Bài 8: Hãy quan sát các thẻ trong tệp newpage.htmn ở Hoạt động 2, Bài 7. Trong các thẻ đó có một thẻ có thêm thuộc tính. Theo em đó là thẻ nào? Em Hãy đưa ra dự đoán về tác dụng của các thuộc tính thẻ.
Trả lời:
– Thẻ có thêm thuộc tính là thẻ meta charset=”utf-8”
– Thẻ meta charset=”utf-8″ đảm bảo rằng trang web hiển thị đúng các ký tự và ngôn ngữ khác nhau trên toàn thế giới.
Câu hỏi (trang 47) Tin 12 Kết nối tri thức Bài 8: Xác định các tên thuộc tính và thẻ chứa thuộc tính tương ứng xuất hiện trong Bài 7.
Trả lời:
Ví dụ Hình 7.1:
– Tên thuộc tính và thẻ chứa thuộc tính có trong tệp văn bản nguồn:
+ Tên thuộc tính: “title”
+ Thẻ chứa thuộc tính: <title>Tên trang Web</title>
– Tên thuộc tính và thẻ chứa thuộc tính có trong tệp văn bản nguồn:
+ Tên thuộc tính: Không có thuộc tính nào được sử dụng trong thẻ <div>
+ Thẻ chứa thuộc tính: <div>…</div>
– Tên thuộc tính và thẻ chứa thuộc tính có trong tệp văn bản nguồn:
+ Tên thuộc tính: Không có thuộc tính nào được sử dụng trong thẻ <h1>
+ Thẻ chứa thuộc tính: <h1>Trang Web và HTML</h1>
– Tên thuộc tính và thẻ chứa thuộc tính có trong tệp văn bản nguồn:
+ Tên thuộc tính: Không có thuộc tính nào được sử dụng trong thẻ <p>
+ Thẻ chứa thuộc tính: <p>Đây là dòng đầu tiên</p>
– Tên thuộc tính và thẻ chứa thuộc tính có trong tệp văn bản nguồn:
+ Tên thuộc tính: Không có thuộc tính nào được sử dụng trong thẻ <hr>
+ Thẻ chứa thuộc tính: <hr>
– Tên thuộc tính và thẻ chứa thuộc tính có trong tệp văn bản nguồn:
+ Tên thuộc tính: Không có thuộc tính nào được sử dụng trong thẻ <p>
+ Thẻ chứa thuộc tính: <p>Đây là dòng cuối cùng</p>
2. Các thẻ định dạng trình bày văn bản
Hoạt động 2 (trang 47) Tin 12 Kết nối tri thức Bài 8: Thảo luận: khi trình bày một văn bản (bài thơ, đoạn văn, trang web…) có thể có những thành phần nào? Hãy kể tên các thành phần đó.
– Khi trình bày một văn bản (bài thơ, đoạn văn, trang web…) có thể có những thành phần: Tiêu đề, nội dung, hình ảnh…
Câu hỏi 1 (trang 48) Tin 12 Kết nối tri thức Bài 8: Trình duyệt hiển thị đoạn mã html sau thành mấy dòng? Em có nhận xét gì về khoảng cách giữa các dòng?
Trả lời:
– Trình duyệt hiển thị đoạn mã HTML trên thành 5 dòng. Mỗi thẻ <p> được hiển thị trên một dòng riêng biệt.
Câu hỏi 2 (trang 48) Tin 12 Kết nối tri thức Bài 8: Chỉnh sửa đoạn mã trong html trong ví dụ 1 để hiển thị thêm một đường kẻ ngang phân tách giữa dòng tiêu đề “Tin Học 12” và nội dung phía dưới.
<div>
<h2>Tin Học 12</h2>
<hr> <—————>
<p>Thẻ B tạo đoạn nội dung,</p>
<p>thẻ div tạo đoạn khối chứa dữ liệu.</p>
<p>Các thẻ này không có hình thức trình bày riêng,</p>
<p>mà được định dạng</p>
<p>bằng thuộc tính Style.</p>
</div>
3. Các thẻ định dạng phông chữ
Hoạt động 3 (trang 48) Tin 12 Kết nối tri thức Bài 8: Thảo luận: Khi muốn nhấn mạnh vào một nội dung trong văn bản, em thường thấy nội dung đó được viết như thế nào?
Trả lời:
– Em thường thấy nội dung được nhấn mạnh được in đậm, in nghiêng, gạch chân,…
Câu hỏi (trang 50) Tin 12 Kết nối tri thức Bài 8: Với cùng một đoạn văn bản, kết quả khi định dạng trong các trường hợp sau giống và khác nhau như thế nào?
Trả lời:
– Kiểu 1:
+ Màu sắc: Được chỉ định bằng tên màu “red”
+ Kiểu chữ: Font chữ được chọn là “Tahoma”.
+ Kích thước chữ: Kích thước chữ được thiết lập là 15px.
+ Gạch chân: Chữ được gạch chân.
– Kiểu 2:
+ Màu sắc: Được chỉ định bằng mã màu RGB (255, 0, 0), tương ứng với màu đỏ.
+ Kiểu chữ: Font chữ được chọn là “Tahoma”.
+ Kích thước chữ: Kích thước chữ được thiết lập là 10px.
Luyện tập
Luyện tập 1 (trang 51) Tin 12 Kết nối tri thức Bài 8: Hãy sửa lại phần tử sau để làm nổi bật ý chính của câu:
Trả lời:
– Các em có thể tham khảo câu lệnh sau:
– Kết quả khi chạy:
Luyện tập 2 (trang 51) Tin 12 Kết nối tri thức Bài 8: Trình bày đoạn văn bản sau bằng mã HTML:
Hướng dẫn:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>INTERNET TỐC ĐỘ CAO</title>
</head>
<body>
<h1>INTERNET TỐC ĐỘ CAO</h1>
<p><em>Dịch vụ Internet tốc độ cao là dịch vụ internet cáp quang chất lượng cao, ổn định, giá cả hợp lí.</em></p>
<h2><strong>Các tính năng nổi bật:</strong></h2>
<ul>
<li>Tốc độ siêu cao từ 150 MBps trở lên</li>
<li>Lắp đặt nhanh chóng trong 24h</li>
<li>Phù hợp với cá nhân/Hộ gia đình</li>
<li>Tặng modem 2 băng tần</li>
<li>Miễn phí lắp đặt hỗ trợ 24/7</li>
</ul>
</body>
</html>
Vận dụng
Vận dụng 1 (trang 51) Tin 12 Kết nối tri thức Bài 8: Hãy chỉ ra các bước cần thực hiện để sử dụng một màu cụ thể trong bức ảnh làm màu cho tiêu đề một bài thơ.
Hướng dẫn:
Ví dụ muốn dùng màu đỏ cho tiêu đề có thể sử dụng câu lệnh sau
Khi đó kết quả trả về là:
Vận dụng 2 (trang 51) Tin 12 Kết nối tri thức Bài 8: Hãy đưa ra các định dạng một đoạn văn bản để được kết quả như sau:
Trả lời:
– Định dạng chữ đậm
– Định dạng chữ thường.
– Định dạng chữ cỡ chữ.
>>> Xem thêm các bài giải tại chuyên mục: Giải SGK Tin học 12 – Kết nối tri thức
—————————————-
Trên đây là những lời giải chi tiết mà Tritue360 đã hướng dẫn các em Giải SGK Tin 12 Kết nối tri thức Bài 8: Định dạng văn bản. Hi vọng những kiến thức này sẽ đem lại cho các em nhiều kiến thức bổ ích trên con đường học tập và đạt kết quả cao trong kì thi sắp tới của các em. Chúc các em học tốt!