Lý thuyết Tin học 12 Kết nối tri thức bài 8

VnDoc xin giới thiệu bài Lý thuyết Tin học 12 bài 8: Định dạng văn bản 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.

A. Lý thuyết Tin học 12 bài 8

1. Thuộc tính thẻ

Thẻ có thể có hoặc không có thuộc tính. Thuộc tính của thẻ có tác dụng bổ sung thông tin, làm rõ cách xử lí cho thẻ chứa nó.

2. Các thẻ định dạng trình bày văn bản

a) Định dạng tiêu đề

Sử dụng các thẻ dạng <hx> trong đó × nhận một trong các giá trị từ 1 đến 6 để phân cấp tiêu đề theo các mức khác nhau.

Thẻ <h1> được sử dụng cho tiêu đề chính hay tiêu đề chung của cả văn bản. Các tiêu đề ở mức thấp hơn dùng thẻ <h2> và tiếp tục với các mức tiếp theo.

b) Định dạng đoạn văn bản

Các đoạn được định dạng bằng thẻ <p> phù hợp với văn bản chứa nhiều chữ.

Khi cần thao tác với nhiều loại nội dung, ta có thể sử dụng thẻ <div> và thẻ <span>

Phần tử <div> là một khối, bắt đầu trên dòng mới.

Phần tử <span> có tác dụng tương tự nhưng sử dụng cho quy mô nhỏ hơn.

Lưu ý: Ngoài các thẻ định dạng đoạn và khối kể trên, còn có hai thẻ <br> và <hr> để xuống dòng hoặc tạo ra một đường kẻ ngang trên trang web.

3. Các thẻ định dạng phông chữ

a) Định dạng kiểu chữ

Lưu ý:

-HTML không hỗ trợ thẻ <big> và <u>.

-Các thẻ <strong>, <em> nhấn mạnh vào ngữ nghĩa của nội dung.

b) Định dạng phông chữ

Để định dạng phông chữ, ta sử dụng thuộc tính style. Các thuộc tính màu sắc, phông chữ, cỡ chữ được xác định như sau:

-Màu sắc: <p style="color:màu">Nội dung.</p>

-Phông chữ: <p style="Nội dung.</p>.

-Cỡ chữ: <p style="font-size:cỡ">Nội dung.</p>.

-Xác định cỡ chữ dùng số kèm đơn vị (px-pixel, mm cm....) hoặc cỡ chữ thông dụng (small, medium, large...).

Lưu ý:

-Giá trị màu sắc được sử dụng theo tiếng Anh hoặc giá trị màu trong hệ RGB.

-Khi muốn thực hiện nhiều định dạng phông ta ngăn cách nhau bởi dấu “;”.

4. Thực hành định dạng văn bản và phông chữ

Nhiệm vụ: Viết đoạn mã HTML để trình bày đoạn văn bản Hình 8.3

Bước 1: Phân tích thành phần của đoạn văn bản

Tiêu đề: Dòng 1, dòng 2, dòng 3. Trong đó dòng 1 ở mức tiêu đề cao hơn. – Đoạn: 3 đoạn, tương ứng với 3 bước làm.

Lưu ý: Các dòng 7, 8, 9 đều bắt đầu viết trên dòng mới nhưng không là đoạn vì ta không thấy cách trước và sau như những dòng trên.

Bước 2. Dùng thẻ <h> để viết 3 dòng đầu:

Ta có thể sử dụng thẻ <h1> cho dòng 1 và <h2> cho dòng 2, 3 (hoặc <h2> cho dòng 1 và <h3> cho dòng 2, 3).

Để thay đổi màu sắc, dùng thuộc tính style; dùng thẻ <sup> để viết số mũ ở câu lệnh của dòng 2:

<h3><span style="color:rgb(295,0,0)">Bài toán:</span> Xác định số nghiệm của phương trình ax² + bx - c = 0 (a != 0)</h3>.

Bước 3. Dùng thẻ <p> để viết 3 đoạn bên dưới.

– Viết mỗi đoạn bằng một thẻ <p>.

– Viết chỉ số dưới, số mũ bằng thẻ <sub>, <sup>.

− In đậm, in nghiêng chữ bằng thẻ <strong> hoặc <b>, <em> hoặc <i>.

– Xuống dòng bằng thẻ <br>.

B. Trắc nghiệm Tin học 12 bài 8

I. Câu trắc nghiệm nhiều phương án lựa chọn

Câu 1: Để thay đổi kiểu phông chữ trong một đoạn văn bản HTML, thuộc tính nào được sử dụng?

A. color

B. font-family

C. font-size

D. text-align

Đáp án: B

Giải thích: Thuộc tính ng chữ cho văn bản.

Câu 2: Thẻ nào được sử dụng để tạo dòng kẻ ngang trên trang web?

A. <br>

B. <hr>

C. <line>

D. <span>

Đáp án: B

Giải thích: Thẻ <hr> được sử dụng để tạo ra một đường kẻ ngang trên trang web.

Câu 3: Để viết số mũ trong HTML, thẻ nào được sử dụng?

A. <sub>

B. <sup>

C. <s>

D. <b>

Đáp án: B

Giải thích: Thẻ <sup> được sử dụng để viết số mũ (superscript) trong HTML.

Câu 4: Trong HTML, thẻ nào được sử dụng để in đậm văn bản?

A. <em>

B. <i>

C. <strong>

D. <mark>

Đáp án: C

Giải thích: Thẻ <strong> được sử dụng để in đậm văn bản và nhấn mạnh vào ngữ nghĩa của nội dung.

Câu 5: Để xuống dòng trong HTML mà không tạo đoạn mới, thẻ nào được sử dụng?

A. <div>

B. <p>

C. <br>

D. <hr>

Đáp án: C

Giải thích: Thẻ <br> được sử dụng để xuống dòng mà không tạo đoạn mới trong HTML.

Câu 6: Thẻ HTML nào được sử dụng để định dạng tiêu đề chính của một văn bản?

A. <h1>

B. <h2>

C. <h3>

D. <title>

Đáp án: A

Giải thích: Thẻ <h1> được sử dụng cho tiêu đề chính hay tiêu đề chung của cả văn bản, với kích thước lớn nhất.

Câu 7: Thẻ HTML nào thường được sử dụng để tạo đoạn văn bản?

A. <div>

B. <span>

C. <p>

D. <section>

Đáp án: C

Giải thích: Thẻ <p> được sử dụng để định dạng đoạn văn bản, phù hợp với văn bản chứa nhiều chữ

Câu 8: Thẻ nào trong HTML được sử dụng để tạo một khối nội dung và bắt đầu trên dòng mới?

A. <span>

B. <div>

C. <section>

D. <p>

Đáp án: B

Giải thích: Thẻ <div> là một khối, bắt đầu trên dòng mới, được sử dụng để chứa nhiều loại nội dung.

Câu 9: Thẻ nào trong HTML không được hỗ trợ để tạo kiểu chữ lớn hơn?

A. <big>

B. <u>

C. <strong>

D. <em>

Đáp án: A

Giải thích: HTML không hỗ trợ thẻ <big> để tạo kiểu chữ lớn hơn

Câu 10: Thuộc tính nào được sử dụng để thay đổi màu sắc của phông chữ trong HTML?

A. color

B. font-family

C. font-size

D. style

Đáp án: A

Giải thích: Thuộc tính color được sử dụng trong thuộc tính style để thay đổi màu sắc của phông chữ.

II. Câu trắc nghiệm đúng sai

Câu 1: Để định dạng tiêu đề và đoạn văn bản trong HTML, có thể sử dụng các thẻ sau đúng hay sai?

a) Thẻ <h1> đến <h6> được sử dụng để định dạng các tiêu đề từ cấp 1 đến cấp 6.

b) Thẻ <p> được sử dụng để định dạng đoạn văn bản.

c) Thẻ <span> được sử dụng để tạo các đoạn văn bản bắt đầu trên dòng mới.

d) Thẻ <div> và <span> có thể được sử dụng để chứa các nội dung khác nhau trong trang web.

Trả lời

a) Đúng: Các thẻ <h1> đến <h6> được sử dụng để định dạng tiêu đề theo cấp độ từ 1 đến 6.

b) Đúng: Thẻ <p> được sử dụng để định dạng đoạn văn bản, phù hợp với văn bản chứa nhiều chữ.

c) Sai: Thẻ <span> không tạo đoạn văn bản bắt đầu trên dòng mới mà chỉ áp dụng cho văn bản nhỏ hơn.

d) Đúng: Thẻ <div> và <span> có thể chứa nhiều loại nội dung và được sử dụng linh hoạt trong trang web.

Câu 2: Trong HTML, các thuộc tính và thẻ sau được sử dụng để định dạng phông chữ đúng hay sai?

a) HTML hỗ trợ thẻ <big> để làm chữ to hơn.

b) Thuộc tính color trong style dùng để thay đổi màu sắc của văn bản.

c) Thuộc tính ng để thay đổi phông chữ của văn bản.

d) Thuộc tính font-size có thể dùng đơn vị px hoặc từ khóa như small, medium, large để chỉ định kích thước chữ.

Trả lời

a) Sai: HTML không hỗ trợ thẻ <big> cho kiểu chữ lớn hơn.

b) Đúng: Thuộc tính color trong style được sử dụng để thay đổi màu sắc của văn bản.

c) Đúng: Thuộc tính ng để thay đổi phông chữ của văn bản.

d) Đúng: Thuộc tính font-size có thể sử dụng đơn vị như px, mm, cm hoặc các từ khóa thông dụng như small, medium, large.

III. Câu trả lời ngắn

Câu 1: Thẻ <hx> trong HTML được sử dụng để làm gì?

Đáp án: Thẻ <hx> được sử dụng để định dạng các tiêu đề trong văn bản, với x nhận giá trị từ 1 đến 6, phân cấp tiêu đề từ lớn đến nhỏ.

Giải thích: Thẻ <hx> là viết tắt của các thẻ <h1>, <h2>, ..., <h6>, được sử dụng để tạo các tiêu đề với độ lớn giảm dần. <h1> là tiêu đề chính và lớn nhất, trong khi <h6> là tiêu đề phụ và nhỏ nhất.

Câu 2: Thẻ HTML nào không được hỗ trợ để tạo kiểu chữ trong HTML?

Đáp án: Thẻ <big> và <u>.

Giải thích: HTML không còn hỗ trợ thẻ <big> để làm chữ lớn hơn và thẻ <u> để gạch dưới văn bản do chúng không phù hợp với các quy tắc hiện đại về cấu trúc và trình bày nội dung.

Câu 3: Thuộc tính nào được sử dụng trong HTML để thay đổi cỡ chữ của văn bản?

Đáp án: Thuộc tính font-size.

Giải thích: Thuộc tính font-size được sử dụng để xác định cỡ chữ của văn bản trong HTML. Giá trị của nó có thể được đặt bằng số kèm đơn vị như px (pixels), mm (milimeters), hoặc bằng các từ khóa như small, medium, large.

>>>> Bài tiếp theo: Lý thuyết Tin học 12 Kết nối tri thức bài 9