Giải SGK Tin học 12 Kết nối tri thức Bài 8: Định dạng văn bản

Xin gửi tới quý thày cô và các em học sinh Giải SGK Tin học 12 Kết nối tri thức Bài 8: Định dạng văn bản có đáp án chi tiết cho từng câu hỏi chương trình sách mới. Thông qua đây các em học sinh đối chiếu với lời giải của mình, hoàn thành bài tập hiệu quả và ôn tập đạt kết quả cao. Mời bạn đọc đón xem!

Bài: Định dạng văn bản
1. Thuộc tính thẻ
2. Các thẻ định dạng phông chữ
Khởi động trang 46 Tin học 12: 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 định dạng đẹp hơn? Tại sao?
Lời giải:
Cách trình bày đoạn văn bản b) định dạng đẹp hơn, văn bản được
định dạng theo thuộc tính về màu sắc, cỡ chữ, kiểu chữ.
1. Thuộc tính thẻ
Hoạt động 1 trang 46 Tin học 12: Hãy quan sát các thẻ trong tệp
newpage.htmn Hoạt động 2, Bài 7. Trong các thẻ đó một thẻ
thêm thuộc tính. Theo em đó 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ẻ.
Lời giải:
Thẻ thêm thuộc tính thẻ meta charset=”utf-8”
Thẻ meta charset="utf-8" đảm bảo rằng trang web hiển thị đúng các
tự ngôn ngữ khác nhau trên toàn thế giới
Câu hỏi trang 47 Tin học 12: Xác định các tên thuộc tính thẻ chứa
thuộc tính tương ứng xuất hiện trong Bài 7.
Lời giải:
*Thuộc tính thẻ chứa thuộc tính:
Thuộc tính: charset trong thẻ meta.
Thuộc tính: title trong thẻ title.
Thuộc tính: src, alt, style trong thẻ img.
*Thẻ chứa thuộc tính:
Thẻ meta chứa thuộc tính charset.
Thẻ title chứa thuộc tính title.
Thẻ img chứa các thuộc tính src, alt, style.
Hoạt động 2 trang 47 Tin học 12: Thảo luận: khi trình bày một văn bản
(bài thơ, đoạn văn, trang web…) thể những thành phần nào? Hãy
kể tên các thành phần đó.
Lời giải:
Khi trình bày một văn bản (bài thơ, đoạn văn, trang web…) thể
những thành phần: Tiêu đề, nội dung, hình ảnh...
Câu hỏi 1 trang 48 Tin học 12: Trình duyệt hiển thị đoạn html sau
thành mấy dòng? Em nhận xét về khoảng cách giữa các dòng?
Lời giải:
Trình duyệt sẽ hiển thị đoạn HTML trên thành 5 dòng, mỗi dòng
chứa một thẻ <p>.
Nhận xét về khoảng cách giữa các dòng:
Mỗi dòng trong đoạn HTML một khoảng trắng đầu cuối
dòng.
Khoảng cách giữa các dòng một tự xuống dòng (\n) trong
nguồn HTML.
Do đó, trình duyệt sẽ hiển thị mỗi thẻ <p> trên một dòng riêng biệt,
một khoảng trắng trống giữa chúng.
Câu hỏi 2 trang 48 Tin học 12: Chỉnh sửa đoạn trong html trong
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” nội dung phía dưới.
Lời giả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 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>
2. Các thẻ định dạng phông chữ
Hoạt động 3 trang 48 Tin học 12: 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?
Lời giải:
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 in đậm, gạch chân, in nghiêng hoặc chữ màu
sắc.
Câu hỏi trang 50 Tin học 12: 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 khác nhau như thế nào?
Kiểu1: <p style=”color:read;font-size:15px;text-decoration:underline”>
Kiểu 2: <p style=”color:rgb(255,0,0);font-size:10px”>
Lời giả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 "Tahoma".
Kích thước chữ: Kích thước chữ được thiết lập 15px.
Gạch chân: Chữ được gạch chân.
Kiểu 2:
Màu sắc: Được chỉ định bằng màu RGB (255, 0, 0), tương ứng với
màu đỏ.
Kiểu chữ: Font chữ được chọn "Tahoma".
Kích thước chữ: Kích thước chữ được thiết lập 10px.
Luyện tập 1 trang 51 Tin học 12: Hãy sửa lại phần tử sau để làm nổi
bật ý chính của câu: <p> thẻ strong vào thẻ em được sử dụng để nhấn
mạnh vào nội dung trong phần tử. Thẻ B chỉ tác dụng in đậm văn bản
<p>
Lời giải:
<p><strong>Thẻ strong</strong> vào <em>thẻ em</em> được sử dụng
để nhấn mạnh vào nội dung trong phần tử. Thẻ <strong>B</strong> chỉ
tác dụng in đậm văn bản.</p>
Luyện tập 2 trang 51 Tin học 12: Trình bày đoạn văn bản sau bằng
HTML:
INTERNET TỐC ĐỘ CAO
Dịch vụ Internet tốc độ cao dịch vụ internet cáp quang chất lượng cao,
ổn định, giá cả hợp lí.
Các tính năng nổi bật:
Tốc độ siêu cao từ 150 MBps trở lên
Lắp đặt nhanh chóng trong 24h
Phù hợp với nhân/Hộ gia đình
Tặng modem 2 băng tần
Miễn phí lắp đặt hỗ trợ 24/7 .
Lời giải:
<!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 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 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 1 trang 51 Tin học 12: 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ơ.
Lời giải:
Chọn màu cụ thể: Trước tiên, bạn cần quyết định màu sắc bạn muốn sử
dụng cho tiêu đề của bài thơ.
Chọn ảnh nền: Chọn một bức ảnh phù hợp để sử dụng làm nền cho tiêu
đề. Bạn cũng thể sử dụng một ảnh trắng đơn giản thêm màu sắc
sau đó.
Tạo tiêu đề trong HTML: Sử dụng thẻ <h1>, <h2>, hoặc <h3> để tạo tiêu
đề của bài thơ.
Thêm ảnh nền thuộc tính color để thay đổi màu chữ.
Vận dụng 2 trang 51 Tin học 12: Hãy đưa ra các định dạng một đoạn
văn bản để được kết quả như sau:
Lời giải:
- Định dạng chữ đậm
- Định dạng chữ thường.
- Định dạng chữ cỡ chữ.
| 1/5

Preview text:

INTERNET TỐC ĐỘ CAO

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í.


Các tính năng nổi bật:


  • Tốc độ siêu cao từ 150 MBps trở lên
  • Lắp đặt nhanh chóng trong 24h
  • Phù hợp với cá nhân/Hộ gia đình
  • Tặng modem 2 băng tần
  • Miễn phí lắp đặt hỗ trợ 24/7