Đề Trắc nghiệm Tin học 12 - Bài 8: Định dạng văn bản (Kết Nối Tri Thức)

Đề Trắc nghiệm Tin học 12 – Bài 8: Định dạng văn bản (Kết Nối Tri Thức) tổng hợp câu hỏi trắc nghiệm chứa đựng nhiều dạng bài tập, bài thi, cũng như các câu hỏi trắc nghiệm và bài kiểm tra, trong bộ Trắc Nghiệm Môn Tin Học 12 – Kết Nối Tri Thức. Nội dung trắc nghiệm nhấn mạnh phần kiến thức nền tảng và chuyên môn sâu của học phần này. Mọi bộ đề trắc nghiệm đều cung cấp câu hỏi, đáp án cùng hướng dẫn giải cặn kẽ. Mời bạn thử sức làm bài nhằm ôn luyện và làm vững chắc kiến thức cũng như đánh giá năng lực bản thân!

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 01

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản

Tags: Bộ đề 01

Câu 1: Một người dùng muốn tạo tiêu đề chính cho trang web của mình, đây là tiêu đề quan trọng nhất và chỉ nên có một trên mỗi trang theo chuẩn ngữ nghĩa. Thẻ HTML nào phù hợp nhất để sử dụng trong trường hợp này?

<h1>

<h2>

<title>

<p>

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản

Tags: Bộ đề 01

Câu 2: Xét đoạn mã HTML sau: `

Đây là một đoạn văn bản.

`. Kết quả hiển thị trên trình duyệt sẽ là gì?

Đây là một đoạn văn bản. (không in đậm)

Đây là một <em>đoạn văn bản</em>.

Đây là một <b>đoạn văn bản</b>. (thường hiển thị in đậm)

Đây là một <u>đoạn văn bản</u>.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản

Tags: Bộ đề 01

Câu 3: Bạn cần hiển thị công thức hóa học của nước là H₂O trên trang web. Thẻ HTML nào sau đây được sử dụng để định dạng chỉ số dưới '2' một cách chính xác về mặt ngữ nghĩa và hiển thị?

<sup>

<sup>

<sub>

<sub>

<em>

<em>

<strong>

<strong>

Câu hỏi yêu cầu áp dụng kiến thức về thẻ định dạng văn bản để hiển thị chỉ số dưới. Thẻ `_{` (subscript) được sử dụng cho mục đích này.}

0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 02 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 1: Khi bạn muốn định dạng một đoạn văn bản dài, chứa nhiều câu, thẻ HTML nào sau đây là phù hợp và có ý nghĩa ngữ nghĩa (semantic) nhất? <h1> <div> <p> <span> Thẻ ` ` được thiết kế đặc biệt để biểu diễn các đoạn văn bản, mang lại ý nghĩa ngữ nghĩa rõ ràng cho nội dung. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 2: Bạn muốn tạo một tiêu đề phụ, có kích thước nhỏ hơn tiêu đề chính (được định dạng bằng ` `) nhưng vẫn lớn hơn văn bản thông thường. Thẻ HTML nào trong nhóm tiêu đề (``) là lựa chọn hợp lý? <h7> <h2> <p> <span> Các thẻ tiêu đề từ ` ` đến ` ` được sử dụng để tạo cấu trúc phân cấp cho nội dung. ` ` là lớn nhất, sau đó giảm dần đến ` `. Để tạo tiêu đề phụ nhỏ hơn ` `, các thẻ từ ` ` đến ` ` đều có thể sử dụng, tùy thuộc vào cấp độ phụ mong muốn. ` ` thường được dùng cho cấp độ phụ lớn nhất ngay dưới tiêu đề chính. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 3: Sự khác biệt cơ bản về mặt hiển thị mặc định giữa thẻ ` ` và `` trong HTML là gì? <div> là khối (block), <span> là nội tuyến (inline). <div> dùng cho văn bản, <span> dùng cho hình ảnh. <div> có thể chứa <span>, nhưng <span> không thể chứa <div>. <div> tạo dòng kẻ ngang, <span> tạo dòng xuống dòng. Thẻ ` ` là một phần tử khối (block element), mặc định sẽ bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng khả dụng. Thẻ `` là một phần tử nội tuyến (inline element), chỉ chiếm không gian vừa đủ cho nội dung của nó và không tự động xuống dòng. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 4: Bạn muốn thay đổi màu sắc của một đoạn văn bản cụ thể trong trang web mà không ảnh hưởng đến các đoạn khác. Phương pháp nào sử dụng CSS inline style là đúng cú pháp? <p color="blue">Văn bản này màu xanh.</p> <p style: color="blue";>Văn bản này màu xanh.</p> <p class="color: blue;">Văn bản này màu xanh.</p> <p style="color: blue;">Văn bản này màu xanh.</p> CSS inline style được áp dụng trực tiếp vào thẻ HTML bằng thuộc tính `style`. Cú pháp là `style="thuộc tính: giá trị;"`. Để thay đổi màu chữ, thuộc tính là `color`. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 5: Để thay đổi loại phông chữ (font family) cho toàn bộ nội dung trong một thẻ ` `, bạn sẽ sử dụng thuộc tính CSS nào? font-size font-family text-align color Thuộc tính `font-family` trong CSS được sử dụng để chỉ định loại phông chữ cho văn bản. Nó có thể nhận một danh sách các phông chữ ưu tiên. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 6: Bạn muốn làm cho một từ hoặc cụm từ *nổi bật* về mặt ngữ nghĩa (quan trọng hơn so với văn bản xung quanh), đồng thời trình duyệt thường hiển thị nó dưới dạng in đậm. Thẻ HTML nào là phù hợp nhất cho mục đích này theo chuẩn HTML hiện đại? <b> <i> <strong> <mark> Thẻ `` được sử dụng để đánh dấu văn bản có tầm quan trọng cao hoặc tính khẩn cấp. Mặc dù trình duyệt thường hiển thị nó dưới dạng in đậm, mục đích chính của nó là nhấn mạnh ngữ nghĩa, khác với thẻ `` chỉ mang tính trình bày (in đậm). 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 7: Để tạo một dòng kẻ ngang phân chia nội dung trên trang web mà không cần sử dụng CSS border, thẻ HTML nào thường được sử dụng? <br> <hr> <line> <divider> Thẻ ` ` (Horizontal Rule) được sử dụng để tạo một đường kẻ ngang, thường biểu thị sự phân chia chủ đề hoặc nội dung. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 8: Bạn muốn xuống dòng trong một đoạn văn bản mà không tạo thành một đoạn mới (không thêm khoảng cách giữa các đoạn). Thẻ HTML nào thực hiện chức năng này? <br> <p> <div> <newline> Thẻ ` ` (Break Rule) được sử dụng để chèn một ngắt dòng đơn, khiến nội dung tiếp theo bắt đầu trên dòng mới ngay lập tức mà không tạo khoảng trống như khi kết thúc một đoạn ` `. 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 9: Để định dạng văn bản dưới dạng chỉ số trên (ví dụ: cho số mũ như x²), thẻ HTML nào được sử dụng? <sub> <i> <s> <sup> Thẻ `^{` (Superscript) được sử dụng để định dạng văn bản dưới dạng chỉ số trên.} 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 10: Bạn có đoạn mã HTML sau: ` Đây là đoạn văn bản. `. Đoạn văn bản này sẽ được hiển thị như thế nào? Căn lề trái. Căn lề phải. Căn giữa. Căn đều hai bên. Thuộc tính CSS `text-align: center;` được sử dụng để căn chỉnh nội dung văn bản bên trong phần tử về giữa. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 11: Để thay đổi kích thước phông chữ của một phần tử, bạn sử dụng thuộc tính CSS `font-size`. Đơn vị nào sau đây *không* phải là đơn vị đo kích thước phông chữ hợp lệ trong CSS? px em % line Các đơn vị như `px` (pixels), `em` (relative to parent element's font-size), `%` (percentage of parent element's font-size) là các đơn vị phổ biến cho `font-size`. `cm` (centimeters) là đơn vị tuyệt đối nhưng ít dùng cho web, còn `pt` (points) thường dùng cho in ấn. `vw` (viewport width) và `vh` (viewport height) là đơn vị tương đối theo kích thước khung nhìn, cũng dùng được. `line` không phải là đơn vị đo kích thước phông chữ trong CSS. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 12: Bạn muốn làm cho một đoạn văn bản hiển thị dưới dạng in nghiêng. Thẻ HTML nào sau đây được xem là phù hợp hơn về mặt ngữ nghĩa so với thẻ `` (chỉ mang tính trình bày)? <b> <em> <u> <cite> Thẻ `` (Emphasis) được sử dụng để đánh dấu văn bản cần được nhấn mạnh, thường được trình duyệt hiển thị dưới dạng in nghiêng. Tương tự `` so với ``, `` mang ý nghĩa ngữ nghĩa, trong khi `` chỉ mang tính trình bày (in nghiêng). 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 13: Bạn có đoạn mã sau: ` Hôm nay là ngày đẹp trời. `. Từ "đẹp trời" sẽ được hiển thị như thế nào theo mặc định? In đậm. In nghiêng. Có nền màu vàng (được đánh dấu). Gạch chân. Thẻ `` được sử dụng để đánh dấu (highlight) văn bản. Mặc định, hầu hết các trình duyệt sẽ hiển thị nội dung trong thẻ `` với nền màu vàng. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 14: Để định dạng văn bản dưới dạng chỉ số dưới (ví dụ: cho công thức hóa học như H₂O), thẻ HTML nào được sử dụng? <sub> <sup> <ins> <del> Thẻ `_{` (Subscript) được sử dụng để định dạng văn bản dưới dạng chỉ số dưới.} 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 15: Bạn muốn áp dụng một tập hợp các quy tắc định dạng CSS (ví dụ: màu chữ, phông chữ, kích thước) cho nhiều phần tử khác nhau trên trang web một cách nhất quán. Phương pháp nào sau đây là hiệu quả nhất và dễ quản lý nhất? Sử dụng inline style cho từng phần tử. Sử dụng CSS nội bộ trong thẻ <style> hoặc CSS ngoại bộ bằng cách liên kết tệp .css. Sử dụng thuộc tính `font` và `color` trực tiếp trong thẻ HTML (phương pháp cũ, không khuyến khích). Sao chép và dán cùng một thuộc tính style vào mọi thẻ cần định dạng. Sử dụng CSS nội bộ (Internal CSS) hoặc CSS ngoại bộ (External CSS) cho phép định nghĩa các quy tắc định dạng tập trung và áp dụng cho nhiều phần tử thông qua bộ chọn (selectors). Phương pháp này hiệu quả hơn nhiều so với việc áp dụng inline style cho từng phần tử riêng lẻ. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 16: Bạn có đoạn mã CSS sau được áp dụng cho một đoạn văn bản: `p { line-height: 1.5; }`. Thuộc tính `line-height` có tác dụng gì? Thiết lập khoảng cách giữa các dòng văn bản. Thiết lập khoảng cách giữa các chữ cái. Thiết lập khoảng cách giữa các đoạn văn bản. Thiết lập độ dày của đường kẻ ngang. Thuộc tính `line-height` trong CSS kiểm soát khoảng cách giữa các dòng văn bản trong một phần tử. 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 17: Bạn muốn thêm một khoảng trống bên trong (padding) xung quanh nội dung của một thẻ ` ` để văn bản không bị sát vào viền. Thuộc tính CSS nào bạn cần sử dụng? margin border padding space Thuộc tính `padding` trong CSS tạo ra khoảng trống bên trong (không gian giữa nội dung và viền) của một phần tử. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 18: Khoảng trống bên ngoài (margin) của một phần tử có tác dụng gì trong việc định dạng bố cục và vị trí của văn bản hoặc các phần tử khác? Tạo khoảng trống giữa nội dung và viền của phần tử. Tạo khoảng trống giữa phần tử hiện tại và các phần tử lân cận. Định nghĩa đường viền xung quanh nội dung. Thay đổi màu nền của phần tử. Thuộc tính `margin` trong CSS tạo ra khoảng trống bên ngoài viền của một phần tử, được sử dụng để kiểm soát khoảng cách giữa các phần tử khác nhau. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 19: Bạn có đoạn mã HTML và CSS sau: ```html Đoạn văn bản này. ``` Đoạn văn bản "Đoạn văn bản này." sẽ có màu gì khi hiển thị? Màu đỏ. Màu xanh lá. Màu đen (mặc định). Màu xanh lá và đỏ xen kẽ. Trong CSS, quy tắc về tính ưu tiên (specificity) xác định quy tắc nào được áp dụng khi có xung đột. Inline styles (áp dụng trực tiếp bằng thuộc tính `style`) có độ ưu tiên cao nhất, cao hơn cả quy tắc từ bộ chọn lớp (`.highlight`). Do đó, màu đỏ từ inline style sẽ ghi đè màu xanh từ quy tắc lớp. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 20: Khi thiết lập kích thước phông chữ bằng đơn vị `em` (ví dụ: `font-size: 1.2em;`), kích thước cuối cùng sẽ được tính toán dựa trên yếu tố nào? Kích thước mặc định của trình duyệt. Kích thước phông chữ của phần tử cha (parent element). Kích thước phông chữ gốc của tài liệu (root element). Kích thước màn hình thiết bị. Đơn vị `em` trong CSS là đơn vị tương đối, kích thước của nó phụ thuộc vào kích thước phông chữ của phần tử *cha* (parent element) chứa nó. `1.2em` nghĩa là 1.2 lần kích thước phông chữ của phần tử cha. 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 21: Bạn muốn gạch chân một từ cụ thể trong một câu. Bạn có thể sử dụng thẻ `` (không khuyến khích về ngữ nghĩa) hoặc sử dụng CSS. Nếu dùng CSS, bạn sẽ áp dụng thuộc tính `text-decoration` với giá trị nào? text-decoration: overline; text-decoration: line-through; text-decoration: none; text-decoration: underline; Thuộc tính `text-decoration` trong CSS được sử dụng để thêm các kiểu trang trí cho văn bản. Giá trị `underline` tạo ra đường gạch chân. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 22: Bạn muốn làm cho một đoạn văn bản có hiệu ứng chữ bị gạch ngang qua (như thể hiện nội dung đã bị xóa hoặc không còn hợp lệ). Thẻ HTML nào được thiết kế cho mục đích này và mang ý nghĩa ngữ nghĩa? <del> <s> <u> <ins> Thẻ `` (Deleted Text) được sử dụng để đánh dấu nội dung đã bị xóa khỏi tài liệu. Mặc định, trình duyệt thường hiển thị nội dung trong thẻ `` với đường gạch ngang. 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 23: Bạn muốn tạo một danh sách các mục không có thứ tự (dùng dấu chấm, hình tròn...). Thẻ HTML nào là khởi đầu cho loại danh sách này? <ol> <dl> <ul> <li> Thẻ ` ` (Unordered List) được sử dụng để tạo danh sách các mục không có thứ tự. Mỗi mục trong danh sách này được định nghĩa bằng thẻ ` ` (List Item). 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 24: Để định dạng một đoạn văn bản thụt lề vào so với lề trái thông thường, bạn có thể sử dụng thuộc tính CSS nào? text-indent margin-left padding-left line-height Thuộc tính `text-indent` trong CSS được sử dụng để thụt lề dòng đầu tiên của một khối văn bản. 25 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 25: Bạn muốn áp dụng một kiểu định dạng (ví dụ: màu nền) cho một cụm từ ngắn ngay trong dòng văn bản mà không làm thay đổi bố cục dòng. Phần tử HTML nào phù hợp nhất cho việc này? <p> <div> <h1> <span> Thẻ `` là một phần tử nội tuyến (inline element), được sử dụng để nhóm các phần tử nội tuyến khác hoặc văn bản nhằm mục đích định dạng bằng CSS. Nó không tạo ra dòng mới và chỉ chiếm không gian vừa đủ cho nội dung, rất phù hợp để áp dụng kiểu cho một phần nhỏ của văn bản trong dòng. 26 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 26: Giả sử bạn có một đoạn văn bản trong thẻ ` `. Bạn muốn thay đổi màu nền chỉ cho đoạn văn bản đó. Thuộc tính CSS nào cần sử dụng? color background-color border-color text-color Thuộc tính `background-color` trong CSS được sử dụng để thiết lập màu nền cho một phần tử. 27 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 27: Bạn muốn làm cho văn bản trong một phần tử không bị xuống dòng mà luôn hiển thị trên một dòng duy nhất, kể cả khi nó vượt quá chiều rộng của phần tử chứa. Thuộc tính CSS nào có thể giúp bạn làm điều này? overflow: hidden; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; Thuộc tính `white-space: nowrap;` trong CSS ngăn chặn văn bản tự động xuống dòng. 28 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 02 Câu 28: Bạn muốn áp dụng cùng một kiểu định dạng (ví dụ: màu chữ đỏ, phông chữ Arial) cho tất cả các tiêu đề cấp 3 (` `) trên trang web của mình bằng cách sử dụng CSS nội bộ. Đoạn mã CSS nào sau đây là đúng? Trong CSS nội bộ, bạn đặt các quy tắc bên trong thẻ ` Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Sử dụng đơn vị tương đối như `em` hoặc `rem` cho phép kích thước văn bản tự động điều chỉnh dựa trên cài đặt phông chữ của người dùng hoặc kích thước phông chữ gốc của tài liệu. Điều này rất quan trọng cho khả năng tiếp cận (accessibility), cho phép người dùng phóng to hoặc thu nhỏ văn bản dễ dàng hơn, cũng như hỗ trợ thiết kế đáp ứng (responsive design). 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 03 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 1: Bạn muốn làm cho một đoạn văn bản trong trang web của mình trở nên nổi bật hơn về mặt ngữ nghĩa (quan trọng) và đồng thời hiển thị nó dưới dạng chữ in đậm. Thẻ HTML5 nào là lựa chọn phù hợp nhất để đạt được cả hai mục đích này? <em> <b> <strong> <i> Câu hỏi yêu cầu chọn thẻ HTML vừa mang ý nghĩa ngữ nghĩa (semantic) về sự quan trọng, vừa có hiệu ứng hiển thị mặc định là in đậm. Thẻ được thiết kế cho mục đích nhấn mạnh mức độ quan trọng của nội dung, và mặc định trình duyệt sẽ hiển thị nó dưới dạng chữ in đậm. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 2: Để định dạng khoảng cách giữa các dòng trong một đoạn văn bản sử dụng CSS, bạn sẽ sử dụng thuộc tính nào? text-spacing line-height vertical-align padding Câu hỏi kiểm tra kiến thức về thuộc tính CSS dùng để điều chỉnh khoảng cách giữa các dòng văn bản (leading). Thuộc tính `line-height` được sử dụng cho mục đích này. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 3: Giả sử bạn có một đoạn văn bản cần thụt lề dòng đầu tiên vào một khoảng nhất định. Thuộc tính CSS nào cho phép bạn thực hiện điều này? margin-left padding-left first-line-indent text-indent Câu hỏi yêu cầu xác định thuộc tính CSS để tạo thụt lề cho dòng đầu tiên của một khối văn bản. Thuộc tính `text-indent` được sử dụng để thiết lập khoảng cách thụt lề cho dòng đầu tiên. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 4: Bạn muốn căn giữa toàn bộ nội dung văn bản trong một thẻ ` `. Đoạn mã CSS nào sau đây thực hiện đúng yêu cầu đó? text-align: center; align-items: center; justify-content: center; margin: auto; Câu hỏi kiểm tra cách sử dụng thuộc tính `text-align` để căn chỉnh văn bản bên trong một phần tử khối. Để căn giữa nội dung văn bản, ta sử dụng giá trị `center` cho thuộc tính `text-align`. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 5: Thẻ HTML nào sau đây là một phần tử *inline* (nội tuyến) và thường được sử dụng để áp dụng kiểu dáng (style) cho một phần nhỏ của văn bản mà không làm thay đổi bố cục dòng chảy của văn bản? <div> <p> <span> <h1> Câu hỏi yêu cầu phân biệt giữa phần tử khối (block) và phần tử nội tuyến (inline) trong HTML, và xác định thẻ nội tuyến dùng để định dạng một phần nhỏ của văn bản. Thẻ `` là phần tử nội tuyến được sử dụng phổ biến để nhóm và áp dụng kiểu dáng cho các đoạn văn bản nhỏ hoặc các từ riêng lẻ mà không tạo ra ngắt dòng. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 6: Để tạo một đường kẻ ngang phân cách các phần nội dung trên trang web, bạn sử dụng thẻ HTML nào? <hr> <br> <line> <separator> Câu hỏi kiểm tra thẻ HTML dùng để tạo đường phân cách theo chiều ngang. Thẻ ` ` (horizontal rule) được sử dụng để hiển thị một đường ngang, thường dùng để phân tách các nội dung theo chủ đề. 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 7: Bạn muốn hiển thị công thức hóa học H₂O, trong đó số 2 được đặt thấp hơn so với dòng chữ bình thường. Thẻ HTML nào cần sử dụng để định dạng số 2? <sup> <sub> <down> <under> Câu hỏi yêu cầu áp dụng thẻ HTML để hiển thị văn bản dưới dạng chỉ số dưới (subscript). Thẻ `_{` được sử dụng để tạo chỉ số dưới, thích hợp cho các công thức hóa học hoặc toán học.} 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 8: Khi sử dụng thuộc tính `font-size` trong CSS, bạn có thể sử dụng nhiều đơn vị khác nhau. Đơn vị nào sau đây thường được khuyến khích sử dụng nhất cho kích thước văn bản trên web vì tính linh hoạt và khả năng tương thích với Responsive Web Design? px (pixels) pt (points) cm (centimeters) em hoặc rem (relative units) Câu hỏi kiểm tra kiến thức về các đơn vị đo lường trong CSS và sự phù hợp của chúng cho thiết kế web hiện đại. Đơn vị `em` và `rem` (relative units) thường được ưa chuộng hơn `px` (absolute unit) hoặc `%` cho kích thước phông chữ vì chúng dễ dàng điều chỉnh theo kích thước phông chữ gốc hoặc kích thước màn hình, hỗ trợ tốt cho Responsive Web Design và khả năng tiếp cận. 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 9: Bạn được giao nhiệm vụ định dạng một đoạn văn bản sao cho nó hiển thị bằng phông chữ 'Times New Roman'. Đoạn mã CSS nào sau đây là đúng để áp dụng phông chữ này? font-family: Times New Roman; font-family = 'Times New Roman'; font-family: 'Times New Roman', serif; font-name: Times New Roman; Câu hỏi kiểm tra cú pháp sử dụng thuộc tính `font-family` trong CSS. Thuộc tính này nhận tên phông chữ làm giá trị. Nếu tên phông chữ có khoảng trắng, nó cần được đặt trong dấu nháy kép hoặc nháy đơn. 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 10: Xem xét đoạn mã HTML sau: ` Đây là đoạn văn bản quan trọng. `. Đoạn văn bản hiển thị trên trình duyệt sẽ như thế nào? Hiển thị 'Đây là ' trên một dòng, sau đó 'đoạn văn bản' in đậm trên cùng dòng, tiếp theo ' quan trọng.' trên cùng dòng. Hiển thị 'Đây là ' trên một dòng, sau đó 'đoạn văn bản' in đậm trên dòng mới, tiếp theo ' quan trọng.' trên dòng mới. Hiển thị 'Đây là đoạn văn bản quan trọng.' tất cả đều in đậm. Hiển thị 'Đây là đoạn văn bản quan trọng.' không có phần nào in đậm. Câu hỏi yêu cầu phân tích tác dụng của thẻ `` bên trong thẻ ` `. Thẻ ` ` tạo một đoạn văn bản mới, còn thẻ `` làm cho nội dung bên trong nó in đậm và mang ý nghĩa quan trọng. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 11: Bạn muốn làm cho một từ cụ thể trong câu hiển thị dưới dạng chữ nghiêng để nhấn mạnh (không mang ý nghĩa quan trọng ngữ nghĩa, chỉ là nhấn mạnh kiểu dáng). Thẻ HTML5 nào phù hợp nhất cho mục đích này? <strong> <b> <italic> <i> Câu hỏi phân biệt giữa nhấn mạnh ngữ nghĩa (``, ``) và định dạng kiểu dáng (``, ``). Thẻ `` trong HTML5 được dùng để biểu thị một phần văn bản có sự khác biệt về giọng điệu hoặc tâm trạng so với văn bản xung quanh, thường hiển thị dưới dạng chữ nghiêng và không mang ý nghĩa quan trọng về ngữ nghĩa như . 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 12: Xem xét đoạn mã CSS sau: `p { color: blue; }`. Đoạn mã này sẽ áp dụng màu xanh cho phần tử nào trên trang web? Tất cả các đoạn văn bản (thẻ <p>) Chỉ đoạn văn bản đầu tiên trên trang Bất kỳ phần tử nào có chứa văn bản Chỉ các đoạn văn bản được đánh dấu bằng class hoặc id Câu hỏi kiểm tra cách hoạt động của CSS selector cơ bản. Selector `p` chọn tất cả các thẻ ` ` trên trang. Do đó, quy tắc `color: blue;` sẽ áp dụng cho tất cả các đoạn văn bản. 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 13: Thuộc tính CSS nào được sử dụng để gạch chân văn bản? underline text-style text-decoration font-decoration Câu hỏi kiểm tra thuộc tính CSS để thêm hoặc loại bỏ gạch chân cho văn bản. Thuộc tính `text-decoration` với giá trị `underline` được sử dụng để gạch chân. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 14: Bạn muốn hiển thị tên biến trong mã lập trình hoặc một đoạn mã ngắn trong văn bản của mình với một phông chữ cố định chiều rộng (monospace font). Thẻ HTML nào thường được sử dụng cho mục đích này? <kbd> <code> <samp> <var> Câu hỏi yêu cầu xác định thẻ HTML phù hợp để hiển thị mã lập trình hoặc văn bản kỹ thuật, thường yêu cầu phông chữ cố định chiều rộng để giữ nguyên định dạng. Thẻ `` được sử dụng để biểu thị một đoạn mã máy tính. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 15: Xem xét đoạn mã HTML sau: ` Dòng 1 Dòng 2 `. Đoạn mã này sẽ hiển thị như thế nào trên trình duyệt? Dòng 1<br>Dòng 2 (hiển thị trên hai dòng khác nhau trong cùng một đoạn) Dòng 1<br>Dòng 2 (hiển thị trên hai đoạn khác nhau) Dòng 1 Dòng 2 (hiển thị trên cùng một dòng) Chỉ hiển thị Dòng 1 Câu hỏi kiểm tra tác dụng của thẻ ` ` bên trong thẻ ` `. Thẻ ` ` tạo ra một ngắt dòng (xuống dòng) mà không bắt đầu một đoạn mới. Do đó, 'Dòng 1' và 'Dòng 2' sẽ nằm trong cùng một đoạn ` ` nhưng 'Dòng 2' sẽ hiển thị ở dòng tiếp theo. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 16: Bạn muốn đặt màu nền (background color) cho một đoạn văn bản cụ thể. Thuộc tính CSS nào được sử dụng để làm điều này? color text-background font-color background-color Câu hỏi kiểm tra thuộc tính CSS để thiết lập màu nền của một phần tử. Thuộc tính `background-color` được sử dụng để đặt màu nền. 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 17: Trong CSS, giá trị 'bold' của thuộc tính `font-weight` có tác dụng gì? Làm cho văn bản in đậm Làm cho văn bản in nghiêng Gạch chân văn bản Đổi màu văn bản Câu hỏi kiểm tra tác dụng của thuộc tính `font-weight`. Giá trị 'bold' làm cho văn bản hiển thị đậm hơn. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 18: Bạn muốn áp dụng một kiểu dáng (style) chỉ cho một từ hoặc cụm từ nhất định trong một đoạn văn bản dài mà không muốn tạo ra ngắt dòng mới. Bạn nên bọc từ/cụm từ đó trong thẻ HTML nào và áp dụng CSS cho thẻ đó? <div> <p> <span> <blockquote> Câu hỏi yêu cầu chọn thẻ HTML nội tuyến phù hợp để định dạng một phần nhỏ văn bản. Thẻ `` là phần tử nội tuyến (không tạo ngắt dòng) và được dùng để nhóm văn bản cho mục đích định kiểu. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 19: Xem xét đoạn mã CSS sau: `h1 { text-transform: uppercase; }`. Đoạn mã này sẽ có tác dụng gì đối với tất cả các tiêu đề cấp 1 (` `) trên trang? Gạch chân tiêu đề Chuyển tất cả chữ trong tiêu đề thành chữ hoa Làm cho tiêu đề in đậm Thêm khoảng cách giữa các chữ trong tiêu đề Câu hỏi kiểm tra tác dụng của thuộc tính `text-transform`. Giá trị `uppercase` chuyển đổi tất cả chữ cái trong văn bản thành chữ hoa. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 20: Để hiển thị một đoạn trích dẫn dài từ nguồn khác, thường được hiển thị với lề trái/phải thụt vào, thẻ HTML nào là phù hợp nhất về mặt ngữ nghĩa và cấu trúc? <blockquote> <q> <cite> <p> Câu hỏi yêu cầu chọn thẻ HTML semantic để biểu thị một đoạn trích dẫn khối. Thẻ ` ` được sử dụng để định nghĩa một đoạn trích dẫn dài (block quotation). 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 21: Bạn muốn tạo một danh sách các mục không có thứ tự (dùng dấu chấm tròn hoặc hình khác). Thẻ HTML nào là điểm bắt đầu cho loại danh sách này? <ol> <li> <ul> <dl> Câu hỏi kiểm tra thẻ HTML để tạo danh sách không có thứ tự. Thẻ ` ` (unordered list) được sử dụng để bắt đầu một danh sách mà các mục không có thứ tự cụ thể. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 22: Mỗi mục trong danh sách (có thứ tự hoặc không có thứ tự) trong HTML được định nghĩa bằng thẻ nào? <li> <item> <listitem> <list> Câu hỏi kiểm tra thẻ HTML dùng để định nghĩa một mục trong danh sách. Thẻ ` ` (list item) được sử dụng để đánh dấu từng mục trong cả danh sách có thứ tự (` `) và không có thứ tự (` `). 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 23: Để hiển thị công thức toán học a² + b², trong đó số 2 được đặt cao hơn so với dòng chữ bình thường. Thẻ HTML nào cần sử dụng để định dạng số 2? <sub> <up> <super> <sup> Câu hỏi yêu cầu áp dụng thẻ HTML để hiển thị văn bản dưới dạng chỉ số trên (superscript). Thẻ `^{` được sử dụng để tạo chỉ số trên, thích hợp cho các công thức toán học hoặc số mũ.} 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 03 Câu 24: Bạn muốn thay đổi kiểu dáng của tất cả các đoạn văn bản (` `) trên trang web để chúng có màu chữ đỏ và phông chữ Arial. Nếu bạn sử dụng Internal CSS (CSS nội bộ), đoạn mã CSS này nên được đặt ở đâu trong tài liệu HTML? Trong thẻ `<body>` Trong thẻ `<style>` ở phần `<head>` Trong thẻ `<link>` ở phần `<head>` Ngay trước thẻ đóng `</body>` Câu hỏi kiểm tra vị trí đặt mã CSS nội bộ. CSS nội bộ được đặt trong thẻ ` Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Câu hỏi kiểm tra các giá trị khác của thuộc tính `text-decoration`. Giá trị `line-through` tạo ra một đường kẻ ngang xuyên qua văn bản. 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 04 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 1: Bạn đang thiết kế một trang web cho một bài báo khoa học. Để đánh dấu các tiêu đề chính của các mục lớn (ví dụ: 'Mở đầu', 'Nội dung', 'Kết luận') theo đúng cấu trúc phân cấp, bạn nên sử dụng nhóm thẻ HTML nào là phù hợp và có ý nghĩa ngữ nghĩa nhất? <p> <span> <h1> đến <h6> <div> Nhóm thẻ đến được thiết kế để định dạng các cấp độ tiêu đề, giúp trình bày cấu trúc phân cấp của văn bản và có ý nghĩa quan trọng đối với SEO và khả năng đọc hiểu của trình duyệt/người dùng khi sử dụng công cụ hỗ trợ. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 2: Một đoạn văn bản trong trang web của bạn quá dài và bạn muốn ngắt nó thành các đoạn nhỏ hơn, mỗi đoạn bắt đầu trên một dòng mới và có khoảng cách dưới mỗi đoạn. Thẻ HTML nào được thiết kế đặc biệt cho mục đích này? Thẻ (paragraph) được sử dụng để định nghĩa một đoạn văn bản. Theo mặc định, trình duyệt sẽ thêm khoảng trống trước và sau mỗi thẻ , và mỗi đoạn sẽ bắt đầu trên một dòng mới. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 3: Bạn cần viết công thức hóa học cho nước là H₂O. Phần chỉ số '2' phải được hiển thị nhỏ hơn và nằm thấp hơn dòng chữ thông thường. Thẻ HTML nào giúp bạn định dạng chỉ số này? <sup> <strong> <em> <sub> Thẻ _{được sử dụng để định dạng văn bản dưới dạng chỉ số dưới (subscript), phù hợp để viết các chỉ số trong công thức hóa học hoặc toán học.} 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 4: Để biểu diễn phép tính lũy thừa x², phần chỉ số '2' cần được hiển thị nhỏ hơn và nằm cao hơn dòng chữ thông thường. Thẻ HTML nào được sử dụng cho mục đích này? <sup> <sub> <i> <b> Thẻ ^{được sử dụng để định dạng văn bản dưới dạng chỉ số trên (superscript), thường dùng để biểu diễn số mũ trong toán học hoặc các ký hiệu đặc biệt khác.} 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 5: Bạn muốn tạo một đường kẻ ngang để phân chia rõ ràng các phần nội dung khác nhau trên trang web của mình. Thẻ HTML nào thực hiện chức năng này? <br> <line> <hr> <div> Thẻ (horizontal rule) được sử dụng để tạo một đường kẻ ngang, thường biểu thị sự phân tách về mặt chủ đề giữa các nội dung trên trang. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 6: Bạn muốn ngắt dòng trong một đoạn văn bản hoặc trong một dòng thơ mà không tạo thành một đoạn mới hoàn toàn (tức là không có khoảng trống lớn giữa các dòng). Thẻ HTML nào là lựa chọn phù hợp nhất? <br> <p> <div> <hr> Thẻ (line break) được sử dụng để tạo một ngắt dòng đơn giản trong khối văn bản hiện tại, không kết thúc đoạn và không tạo khoảng trống như thẻ . 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 7: Thẻ `` và thẻ `` đều làm cho văn bản hiển thị in đậm theo mặc định của trình duyệt. Tuy nhiên, về mặt ngữ nghĩa và mục đích sử dụng, đâu là sự khác biệt chính giữa hai thẻ này trong HTML hiện đại? Thẻ <strong> chỉ dùng cho tiêu đề, thẻ <b> dùng cho đoạn văn. Thẻ <strong> mang ý nghĩa ngữ nghĩa về sự quan trọng, thẻ <b> chỉ mang tính trình bày (in đậm). Thẻ <b> có thể thay đổi màu sắc, thẻ <strong> thì không. Thẻ <strong> chỉ áp dụng cho một từ, thẻ <b> áp dụng cho cả đoạn. Thẻ được dùng để chỉ ra rằng văn bản chứa đựng có tầm quan trọng đặc biệt hoặc mức độ khẩn cấp cao, mang ý nghĩa ngữ nghĩa. Thẻ chỉ đơn thuần định dạng văn bản in đậm về mặt hình thức mà không thêm ý nghĩa ngữ nghĩa đặc biệt nào. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 8: Tương tự như câu hỏi trên, thẻ `` và thẻ `` đều làm cho văn bản hiển thị nghiêng. Đâu là sự khác biệt chính về ý nghĩa ngữ nghĩa giữa `` và ``? Thẻ <i> chỉ dùng cho tên riêng, thẻ <em> dùng cho từ mượn. Thẻ <em> làm chữ nghiêng nhiều hơn thẻ <i>. Thẻ <em> dùng để nhấn mạnh (ý nghĩa), thẻ <i> dùng cho các trường hợp cần phân biệt (ví dụ: thuật ngữ). Thẻ <i> chỉ áp dụng cho văn bản trong danh sách, thẻ <em> thì không. Thẻ (emphasized text) được dùng để nhấn mạnh văn bản, thường là để thay đổi ngữ điệu khi đọc (ví dụ: bởi trình đọc màn hình cho người khiếm thị). Thẻ (italic text) thường dùng cho các thuật ngữ kỹ thuật, cụm từ từ ngôn ngữ khác, tên tàu thuyền, hoặc khi văn bản được phân biệt vì một lý do nào đó nhưng không mang ý nghĩa nhấn mạnh. 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 9: Bạn muốn thay đổi màu sắc của một cụm từ 'rất quan trọng' trong một đoạn văn bản sang màu đỏ. Cách hiệu quả nhất để làm điều này bằng cách sử dụng thuộc tính `style` trực tiếp trong thẻ HTML là gì? <p style='color: red;'>rất quan trọng</p> <span style='color: red;'>rất quan trọng</span> <div style='color: red;'>rất quan trọng</div> <strong style='color: red;'>rất quan trọng</strong> Để áp dụng một kiểu (style) cụ thể như màu sắc cho một phần nhỏ của văn bản mà không làm ngắt dòng, bạn sử dụng thẻ kết hợp với thuộc tính style='color: red;'. 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 10: Bạn muốn thay đổi phông chữ của toàn bộ một đoạn văn bản sang 'Arial' hoặc 'Helvetica' nếu 'Arial' không có sẵn. Thuộc tính CSS nào được sử dụng để chỉ định danh sách các phông chữ ưu tiên? font-family font-size text-align color Thuộc tính `font-family` trong CSS được sử dụng để chỉ định phông chữ cho văn bản. Bạn có thể liệt kê nhiều phông chữ theo thứ tự ưu tiên, cách nhau bằng dấu phẩy. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 11: Để tăng kích thước chữ của một tiêu đề lên 24 pixel, bạn sẽ sử dụng thuộc tính CSS nào trong thuộc tính `style` của thẻ tiêu đề? font-family color font-size text-style Thuộc tính `font-size` trong CSS được sử dụng để xác định kích thước chữ. Giá trị có thể được đo bằng pixel (px), phần trăm (%), em, rem, hoặc các đơn vị khác. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 12: Bạn muốn căn giữa một đoạn văn bản trên trang web. Thuộc tính CSS nào được sử dụng để điều chỉnh sự căn chỉnh (alignment) của văn bản trong một phần tử? align vertical-align margin text-align Thuộc tính `text-align` trong CSS được sử dụng để căn chỉnh nội dung inline (như văn bản) bên trong phần tử block chứa nó. Các giá trị phổ biến là `left`, `right`, `center`, và `justify`. 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 13: Thẻ ` ` và thẻ `` đều là các thẻ chứa nội dung. Đâu là sự khác biệt cơ bản nhất về *cách hiển thị mặc định* của hai thẻ này? <div> là phần tử khối (block), <span> là phần tử nội tuyến (inline). <div> chỉ chứa văn bản, <span> có thể chứa hình ảnh. <span> có thể có thuộc tính id, <div> thì không. <div> được sử dụng cho tiêu đề, <span> cho đoạn văn. Thẻ là một phần tử cấp khối (block-level element), có nghĩa là nó luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng khả dụng. Thẻ là một phần tử nội tuyến (inline element), chỉ chiếm không gian cần thiết cho nội dung của nó và không bắt đầu trên dòng mới. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 14: Bạn có một câu 'Học lập trình web thật thú vị!'. Bạn muốn từ 'thú vị' được gạch chân. Mặc dù thẻ `` tồn tại, nhưng cách hiện đại và được khuyến khích hơn để đạt được hiệu ứng gạch chân thông qua CSS là sử dụng thuộc tính nào? font-style text-decoration border-bottom text-transform Thuộc tính `text-decoration` trong CSS được sử dụng để thêm các hiệu ứng trang trí cho văn bản như gạch chân (`underline`), gạch ngang (`line-through`), hoặc gạch trên (`overline`). Sử dụng CSS cho mục đích trình bày là cách tiếp cận hiện đại và linh hoạt hơn so với các thẻ HTML cũ chỉ mang tính trình bày. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 15: Giả sử bạn có một đoạn văn bản được đặt trong thẻ ` `. Bạn muốn dòng đầu tiên của đoạn văn này được thụt lề vào một khoảng nhất định. Thuộc tính CSS nào giúp bạn thực hiện điều này? margin-left padding-left line-height text-indent Thuộc tính `text-indent` trong CSS được sử dụng để thêm một khoảng thụt lề vào dòng đầu tiên của một khối văn bản. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 16: Bạn đang viết một đoạn mã HTML và muốn áp dụng một kiểu CSS cụ thể (ví dụ: màu xanh) chỉ cho một phần tử HTML duy nhất, ngay tại vị trí của phần tử đó. Phương pháp nào sau đây là cách áp dụng CSS trực tiếp (inline) vào phần tử HTML? Sử dụng thẻ <style> trong phần <head>. Liên kết đến một tệp .css riêng biệt. Sử dụng thuộc tính `style` trong thẻ HTML. Sử dụng thuộc tính `class` và định nghĩa trong CSS. Áp dụng CSS trực tiếp vào phần tử HTML được gọi là inline style. Nó được thực hiện bằng cách sử dụng thuộc tính `style` trong thẻ mở của phần tử HTML, theo sau là các khai báo CSS (property: value;). 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 04 Câu 17: Bạn có nhiều đoạn văn bản trên trang web và muốn tất cả chúng đều có màu chữ xám. Thay vì áp dụng style trực tiếp cho từng đoạn, cách nào hiệu quả hơn để định nghĩa kiểu cho tất cả các thẻ ` ` cùng lúc trong cùng một trang HTML? Sử dụng thẻ <style> trong phần <head> và viết luật CSS cho thẻ <p>. Áp dụng thuộc tính `style` cho từng thẻ <p> riêng lẻ. Sử dụng thẻ <div> bọc tất cả các đoạn văn và áp dụng style cho <div>. Không thể định dạng tất cả các đoạn văn cùng lúc trừ khi dùng External CSS. Sử dụng Internal CSS bằng cách đặt thẻ Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Các thuộc tính font-family (kiểu chữ), font-size (cỡ chữ), và color (màu chữ) đều trực tiếp ảnh hưởng đến giao diện của phông chữ. Thuộc tính text-align được sử dụng để căn chỉnh khối văn bản, không phải để điều chỉnh đặc điểm của phông chữ. 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 05 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 1: Bạn được giao nhiệm vụ định dạng một đoạn văn bản dài trên trang web sao cho nó hiển thị thành nhiều dòng và mỗi khối văn bản liên tục được coi là một 'đoạn' riêng biệt, có khoảng cách mặc định giữa chúng. Thẻ HTML nào phù hợp nhất để bao bọc từng khối văn bản này? <span> <div> <p> <br> Câu hỏi kiểm tra khả năng áp dụng thẻ HTML phù hợp với mục đích định dạng đoạn văn bản chuẩn. Thẻ (paragraph) được thiết kế để định dạng các đoạn văn bản, tự động thêm khoảng trống trên và dưới, và bắt đầu trên một dòng mới theo mặc định. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 2: Để tạo một tiêu đề chính cho trang web của bạn, bạn muốn sử dụng thẻ HTML có ý nghĩa ngữ nghĩa cao nhất (cao nhất trong hệ thống phân cấp tiêu đề) và thường được trình duyệt hiển thị với kích thước lớn nhất theo mặc định. Thẻ nào nên được sử dụng? <h1> <h2> <title> <header> Câu hỏi kiểm tra kiến thức về các thẻ tiêu đề HTML và thứ bậc ngữ nghĩa của chúng. Thẻ đại diện cho tiêu đề quan trọng nhất (cấp 1) trong cấu trúc tài liệu. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 3: Quan sát đoạn mã HTML sau: ` Đây là một đoạn văn. Đây là dòng tiếp theo trong cùng đoạn. `. Kết quả hiển thị trên trình duyệt sẽ như thế nào? Hai đoạn văn riêng biệt. Văn bản hiển thị trên một dòng duy nhất. Chỉ hiển thị 'Đây là một đoạn văn.'. Hiển thị 'Đây là một đoạn văn.' trên một dòng, và 'Đây là dòng tiếp theo trong cùng đoạn.' ngay dưới nó, cùng thuộc một đoạn văn bản. Câu hỏi kiểm tra khả năng phân tích và dự đoán kết quả hiển thị của mã HTML có sử dụng thẻ . Thẻ tạo ra một ngắt dòng mềm mại mà không kết thúc đoạn hiện tại, giữ cho văn bản sau nó nằm trong cùng một thẻ nhưng hiển thị trên dòng mới. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 4: Bạn muốn áp dụng một kiểu định dạng cụ thể (ví dụ: màu đỏ) cho *một vài từ* trong một câu mà không làm thay đổi cấu trúc dòng chảy (block flow) của văn bản xung quanh nó. Thẻ HTML nào là lựa chọn phù hợp nhất cho mục đích này? <div> <span> <p> <section> Câu hỏi kiểm tra sự hiểu biết về thẻ inline và block. Thẻ là một thẻ inline, được dùng để nhóm các phần tử inline nhỏ, như một vài từ hoặc cụm từ, để áp dụng kiểu định dạng mà không ảnh hưởng đến bố cục khối của văn bản. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 5: Để thay đổi màu sắc của toàn bộ văn bản trong một phần tử HTML, bạn cần sử dụng thuộc tính CSS nào trong thuộc tính `style`? color background-color text-color font-color Câu hỏi kiểm tra kiến thức cơ bản về thuộc tính CSS dùng để định dạng màu văn bản. Thuộc tính `color` trong CSS được sử dụng để thiết lập màu chữ. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 6: Bạn muốn làm cho một từ hoặc cụm từ trong văn bản trở nên nổi bật hơn về mặt ngữ nghĩa, cho thấy nó có 'tầm quan trọng mạnh mẽ'. Thẻ HTML nào được khuyến nghị sử dụng cho mục đích này theo chuẩn hiện đại? <b> <i> <strong> <em> Câu hỏi phân tích sự khác biệt giữa các thẻ định dạng văn bản về mặt ngữ nghĩa. Thẻ được sử dụng để chỉ ra tầm quan trọng mạnh mẽ của nội dung, khác với thẻ chỉ đơn thuần làm đậm văn bản về mặt hình thức. 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 7: Giả sử bạn có một đoạn văn bản và muốn căn chỉnh nội dung của nó sang phía bên phải của phần tử chứa. Thuộc tính CSS nào trong `style` sẽ giúp bạn thực hiện điều này? align vertical-align float text-align Câu hỏi kiểm tra khả năng áp dụng thuộc tính CSS để căn chỉnh văn bản. Thuộc tính `text-align` được sử dụng để điều khiển sự căn chỉnh ngang của nội dung văn bản trong một phần tử khối. Giá trị `right` sẽ căn nội dung sang phải. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 8: Bạn muốn hiển thị biểu thức toán học E=mc² trên trang web. Phần '2' trong c² là chỉ số trên. Thẻ HTML nào được sử dụng để định dạng '2' như một chỉ số trên? <sub> <sup> <index> <exponent> Câu hỏi kiểm tra kiến thức về các thẻ định dạng văn bản đặc biệt. Thẻ ^{được sử dụng để tạo chỉ số trên (superscript).} 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 9: Bạn có một đoạn văn bản cần gạch chân để nhấn mạnh. Thuộc tính CSS nào trong `style` được dùng để thêm gạch chân cho văn bản? text-decoration underline border-bottom font-decorate Câu hỏi kiểm tra kiến thức về thuộc tính CSS định dạng đường trang trí văn bản. Thuộc tính `text-decoration` với giá trị `underline` sẽ thêm gạch chân cho văn bản. 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 10: Thẻ HTML nào được sử dụng để tạo một đường kẻ ngang, phân chia nội dung trên trang web? <line> <break> <hr> <divider> Câu hỏi kiểm tra kiến thức về các thẻ HTML cơ bản dùng để định dạng bố cục. Thẻ (horizontal rule) tạo ra một đường kẻ ngang để phân tách nội dung theo chủ đề. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 11: Bạn muốn thay đổi phông chữ của một đoạn văn bản từ phông mặc định sang 'Arial'. Bạn nên sử dụng thuộc tính CSS nào trong thuộc tính `style` của thẻ ` `? font-name font-family typeface text-font Câu hỏi kiểm tra kiến thức về thuộc tính CSS dùng để thiết lập phông chữ. Thuộc tính `font-family` được sử dụng để chỉ định danh sách các phông chữ ưu tiên cho một phần tử. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 12: Để làm nghiêng (in nghiêng) một phần văn bản nhằm mục đích nhấn mạnh về giọng điệu hoặc thuật ngữ, thẻ HTML nào được sử dụng theo chuẩn hiện đại? <b> <i> <strong> <em> Câu hỏi phân tích sự khác biệt ngữ nghĩa giữa các thẻ in nghiêng. Thẻ (emphasis) được sử dụng để nhấn mạnh về giọng điệu, thường được hiển thị nghiêng theo mặc định. Thẻ chỉ đơn thuần làm nghiêng về mặt hình thức. 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 13: Xem xét đoạn mã HTML sau: ` Đoạn 1 Đoạn 2 `. Màu sắc của 'Đoạn 1' và 'Đoạn 2' khi hiển thị trên trình duyệt sẽ là gì? (Giả sử không có CSS ngoài inline style) Đoạn 1 màu xanh lá, Đoạn 2 màu xanh lá. Đoạn 1 màu xanh lá, Đoạn 2 màu đỏ. Đoạn 1 màu đỏ, Đoạn 2 màu xanh lá. Cả hai đoạn đều màu đỏ. Câu hỏi kiểm tra khả năng phân tích sự kế thừa và ghi đè (override) của thuộc tính CSS. Thẻ `div` có màu xanh lá (`color: green`), thuộc tính này được kế thừa xuống các thẻ con như ` `. Tuy nhiên, 'Đoạn 2' có thuộc tính `color: red` được áp dụng trực tiếp (inline style), thuộc tính này có độ ưu tiên cao hơn và sẽ ghi đè thuộc tính kế thừa từ thẻ `div`. 'Đoạn 1' chỉ kế thừa màu từ `div`. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 14: Bạn muốn hiển thị một đoạn mã lập trình ngắn trong văn bản của mình. Thẻ HTML nào thường được sử dụng để định dạng các đoạn mã này, thường hiển thị với phông chữ cách đều (monospace)? <code> <kbd> <pre> <var> Câu hỏi kiểm tra kiến thức về các thẻ định dạng ngữ nghĩa cho nội dung đặc biệt. Thẻ `` được sử dụng để đánh dấu một đoạn mã lập trình. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 15: Bạn muốn làm nổi bật một phần văn bản bằng cách đánh dấu nó (giống như dùng bút highlight). Thẻ HTML nào phù hợp nhất cho mục đích này? <strong> <em> <u> <mark> Câu hỏi kiểm tra kiến thức về các thẻ định dạng ngữ nghĩa mới. Thẻ `` được sử dụng để đánh dấu (highlight) văn bản. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 16: Bạn muốn hiển thị kích thước chữ của một tiêu đề là 24 pixel. Thuộc tính CSS nào trong `style` và giá trị tương ứng sẽ thực hiện điều này? text-size: 24px; font-size: 24px; size: 24px; font-height: 24px; Câu hỏi kiểm tra khả năng áp dụng thuộc tính CSS `font-size` với đơn vị `px`. Thuộc tính `font-size` được dùng để đặt kích thước chữ, và `24px` là giá trị chỉ định 24 pixel. 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 17: Sự khác biệt cơ bản về cách hiển thị mặc định giữa thẻ ` ` và thẻ `` là gì? `<div>` là phần tử khối, `<span>` là phần tử nội tuyến. `<div>` chỉ chứa văn bản, `<span>` chứa được cả hình ảnh. `<div>` dùng cho tiêu đề, `<span>` dùng cho đoạn văn. `<div>` không thể áp dụng style, `<span>` có thể áp dụng style. Câu hỏi phân tích sự khác biệt giữa phần tử khối (block) và phần tử nội tuyến (inline). Thẻ `div` là phần tử khối, luôn bắt đầu trên dòng mới và chiếm toàn bộ chiều rộng có thể. Thẻ `span` là phần tử nội tuyến, không bắt đầu trên dòng mới và chỉ chiếm chiều rộng cần thiết cho nội dung của nó. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 18: Bạn muốn hiển thị một đoạn văn bản đã bị xóa (không còn phù hợp) nhưng vẫn muốn giữ lại để hiển thị cho mục đích tham khảo, đồng thời gạch ngang qua nó. Thẻ HTML nào phù hợp nhất? <s> <i> <del> <strike> Câu hỏi kiểm tra kiến thức về các thẻ định dạng ngữ nghĩa. Thẻ `` (deleted text) được sử dụng để đánh dấu văn bản đã bị xóa khỏi tài liệu. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 19: Xét đoạn mã: ` Văn bản này. `. Văn bản trong thẻ ` ` sẽ hiển thị như thế nào? Chữ đậm, không nghiêng. Chữ nghiêng, không đậm. Chữ bình thường. Chữ vừa đậm vừa nghiêng. Câu hỏi kiểm tra khả năng phân tích và kết hợp các thuộc tính CSS. Thuộc tính `font-weight: bold;` làm cho chữ đậm, và `font-style: italic;` làm cho chữ nghiêng. Cả hai hiệu ứng này có thể được áp dụng cùng lúc. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 20: Bạn muốn hiển thị tên một sản phẩm mới 'Siêu Việt Pro' trong một đoạn văn, và muốn 'Pro' hiển thị nhỏ hơn và thấp hơn so với phần còn lại của tên, giống như một chỉ số dưới. Thẻ HTML nào dùng để định dạng 'Pro'? <sub> <sup> <down> <small> Câu hỏi kiểm tra kiến thức về các thẻ định dạng văn bản đặc biệt. Thẻ _{được sử dụng để tạo chỉ số dưới (subscript).} 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 21: Thuộc tính CSS `text-align: center;` khi áp dụng cho một phần tử khối (ví dụ: ` ` hoặc ` `) sẽ có tác dụng gì đối với nội dung văn bản bên trong nó? Căn giữa phần tử khối trên trang web. Căn giữa nội dung văn bản bên trong phần tử khối. Căn giữa các dòng văn bản theo chiều dọc. Tạo khoảng trống đều hai bên văn bản. Câu hỏi kiểm tra khả năng áp dụng và hiểu ý nghĩa của thuộc tính `text-align`. Giá trị `center` căn chỉnh nội dung văn bản (và các phần tử inline bên trong) vào giữa theo chiều ngang của phần tử chứa. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 22: Bạn cần hiển thị danh sách các điều khoản và muốn mỗi điều khoản được gạch chân khi hiển thị. Thay vì dùng thẻ `` (đã lỗi thời về ngữ nghĩa), bạn nên sử dụng thuộc tính CSS nào trong `style`? font-decoration: underline; text-underline: true; border-bottom: 1px solid black; text-decoration: underline; Câu hỏi kiểm tra kiến thức về thuộc tính CSS thay thế cho thẻ HTML lỗi thời và khả năng lựa chọn phương pháp định dạng hiện đại. Thuộc tính `text-decoration` với giá trị `underline` là cách chuẩn để gạch chân văn bản bằng CSS. 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 23: Xét đoạn mã: ` Văn bản nhỏ. `. Kích thước chữ 'small' là một từ khóa. Kích thước này được xác định dựa trên yếu tố nào? Kích thước phông chữ mặc định của phần tử cha hoặc trình duyệt. Luôn là 12 pixel. Luôn là 0.8 lần kích thước phông chữ mặc định. Kích thước màn hình thiết bị. Câu hỏi kiểm tra sự hiểu biết về các đơn vị và giá trị của thuộc tính `font-size`. Các từ khóa như `small`, `medium`, `large` là các kích thước tương đối, được xác định dựa trên kích thước phông chữ mặc định của phần tử cha hoặc kích thước phông chữ cơ bản của trình duyệt. 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 24: Bạn muốn một khối nội dung lớn, bao gồm cả tiêu đề, đoạn văn và hình ảnh, được nhóm lại với nhau và bắt đầu trên một dòng mới. Thẻ HTML nào là 'container' (vùng chứa) phổ biến và phù hợp nhất cho mục đích này, cho phép bạn áp dụng style cho toàn bộ khối? <span> <p> <div> <article> Câu hỏi kiểm tra sự hiểu biết về các thẻ khối chung. Thẻ ` ` là một phần tử khối chung, thường được sử dụng làm vùng chứa (container) để nhóm các phần tử khác lại với nhau, giúp cấu trúc trang và áp dụng style dễ dàng hơn cho cả khối. 25 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 25: Thẻ HTML nào không có ý nghĩa ngữ nghĩa cụ thể mà chỉ được sử dụng để áp dụng style hoặc JavaScript cho một phần nội dung nhỏ (inline)? <strong> <span> <p> <em> Câu hỏi kiểm tra sự phân biệt giữa thẻ ngữ nghĩa và thẻ chung. Thẻ `` và ` ` là các thẻ chung không có ý nghĩa ngữ nghĩa riêng, nhưng `span` là thẻ inline, phù hợp với việc áp dụng style cho các phần nhỏ trong dòng văn bản. 26 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 26: Bạn muốn thay đổi màu sắc của một tiêu đề ` ` thành màu xanh dương sử dụng inline style. Cú pháp đúng trong thẻ ` ` là gì? <h2 style="color: blue;"> <h2 color="blue"> <h2 style="text-color: blue;"> <h2 style-color="blue"> Câu hỏi kiểm tra khả năng áp dụng inline style với thuộc tính `color`. Inline style được viết trong thuộc tính `style` dưới dạng `thuộc_tính: giá_trị;`. 27 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 27: Thuộc tính CSS `font-weight` được sử dụng để làm gì? Thay đổi kiểu chữ (ví dụ: Arial, Times New Roman). Làm cho chữ nghiêng. Thay đổi độ đậm của chữ (ví dụ: normal, bold). Gạch chân văn bản. Câu hỏi kiểm tra kiến thức về thuộc tính CSS `font-weight`. Thuộc tính này kiểm soát độ đậm (độ dày) của chữ. 28 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 28: Bạn có một danh sách các mục và muốn chèn một đoạn chú thích nhỏ, hiển thị với kích thước chữ nhỏ hơn so với văn bản xung quanh. Thẻ HTML nào có thể gợi ý cho trình duyệt hiển thị văn bản với kích thước nhỏ hơn? <sub> <small> <lite> <tiny> Câu hỏi kiểm tra kiến thức về thẻ định dạng văn bản. Thẻ `` được sử dụng để biểu thị văn bản nhỏ hơn (thường dùng cho các chú thích, bản quyền). 29 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 29: Khi sử dụng inline style, nếu bạn muốn áp dụng nhiều thuộc tính CSS cho cùng một phần tử (ví dụ: màu chữ xanh và kích thước chữ 16px), bạn sẽ viết các thuộc tính đó như thế nào? style="color: blue font-size: 16px" style="color=blue, font-size=16px" style="color: blue & font-size: 16px" style="color: blue; font-size: 16px;" Câu hỏi kiểm tra cú pháp viết inline style với nhiều thuộc tính. Các cặp `thuộc_tính: giá_trị;` được phân tách bằng dấu chấm phẩy `;` bên trong thuộc tính `style`. 30 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 05 Câu 30: Xem xét đoạn mã HTML: ` Tiêu đề Đoạn văn. `. Về mặt hiển thị mặc định, tại sao đoạn văn bản trong thẻ ` ` lại xuất hiện dưới tiêu đề ` ` và có khoảng cách giữa chúng? Cả `<h1>` và `<p>` đều là các phần tử khối (block-level elements) và có lề (margin) mặc định. Thẻ `<br>` tự động được thêm vào sau `<h1>` và `<p>`. Chỉ có thẻ `<p>` là phần tử khối, `<h1>` là phần tử inline. Trình duyệt luôn thêm một đường kẻ ngang giữa tiêu đề và đoạn văn. Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Câu hỏi kiểm tra hiểu biết về hành vi mặc định của các phần tử khối. Thẻ ` ` và ` ` đều là các phần tử khối (block-level elements). Các phần tử khối luôn bắt đầu trên một dòng mới và thường có lề (margin) trên và dưới mặc định, tạo ra khoảng cách giữa chúng. 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 06 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để định dạng tiêu đề chính (quan trọng nhất) của một trang web theo chuẩn HTML5, thẻ nào sau đây nên được sử dụng? Thẻ ` ` được sử dụng để đánh dấu tiêu đề cấp độ cao nhất, thường là tiêu đề chính của trang hoặc phần quan trọng nhất, mang ý nghĩa ngữ nghĩa quan trọng cho cấu trúc tài liệu. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn tạo một đoạn văn bản thông thường trên trang web. Thẻ HTML nào là lựa chọn phù hợp nhất? Thẻ ` ` (paragraph) được thiết kế đặc biệt để định dạng các đoạn văn bản. Trình duyệt thường thêm khoảng trống trước và sau mỗi đoạn ` ` mặc định. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Sự khác biệt cơ bản về cách hiển thị mặc định giữa thẻ ` ` và thẻ `` là gì? Thẻ ` ` là một phần tử khối (block-level element), mặc định nó chiếm toàn bộ chiều rộng có sẵn và bắt đầu trên một dòng mới. Thẻ `` là một phần tử nội tuyến (inline element), nó chỉ chiếm không gian cần thiết cho nội dung và không bắt đầu trên dòng mới. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để làm cho một phần văn bản trong đoạn trở nên đậm hơn và nhấn mạnh ý nghĩa quan trọng của nó (ví dụ: một cảnh báo, một từ khóa quan trọng), thẻ HTML nào là lựa chọn tốt nhất theo ngữ nghĩa? Trong HTML5, thẻ `` được dùng để chỉ ra nội dung có mức độ quan trọng mạnh. Mặc định, nó được hiển thị đậm. Thẻ `` cũng hiển thị đậm nhưng không mang ý nghĩa ngữ nghĩa về tầm quan trọng. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn làm nghiêng một cụm từ để nhấn mạnh nó theo cách thông thường (ví dụ: tên sách, thuật ngữ nước ngoài) mà không nhất thiết phải chỉ ra sự nhấn mạnh về ngữ nghĩa mạnh mẽ. Thẻ HTML nào phù hợp? Thẻ `` (italic) được dùng để làm nghiêng văn bản, thường cho các mục đích trình bày như tên thuật ngữ, tên sách, hoặc các đoạn văn bản cần phân biệt với phần còn lại mà không mang ý nghĩa nhấn mạnh ngữ nghĩa mạnh. Thẻ `` (emphasis) cũng làm nghiêng nhưng mang ý nghĩa nhấn mạnh ngữ nghĩa. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để tạo một đường gạch ngang phân chia nội dung trên trang web, thẻ HTML nào được sử dụng? Thẻ ` ` (horizontal rule) được dùng để tạo một đường kẻ ngang, thường biểu thị sự phân chia chủ đề hoặc nội dung trong văn bản. 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn hiển thị công thức hóa học cho nước là H₂O. Phần '₂' nên được định dạng bằng thẻ HTML nào? Thẻ `_{` (subscript) được sử dụng để hiển thị văn bản dưới dòng cơ sở, phù hợp cho các chỉ số dưới trong công thức hóa học hoặc toán học.} 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn hiển thị công thức toán học x². Phần '²' nên được định dạng bằng thẻ HTML nào? Thẻ `^{` (superscript) được sử dụng để hiển thị văn bản cao hơn dòng cơ sở, phù hợp cho số mũ hoặc các chỉ số trên.} 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để xuống dòng trong văn bản mà không tạo một đoạn văn bản mới (ví dụ: trong cùng một câu thơ, địa chỉ), thẻ HTML nào được sử dụng? Thẻ ` ` (line break) tạo ra một ngắt dòng đơn. Văn bản sau thẻ ` ` sẽ tiếp tục trên dòng tiếp theo nhưng vẫn thuộc cùng một khối hoặc đoạn văn bản. 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn áp dụng một kiểu định dạng (ví dụ: màu sắc, phông chữ) cho một *phần nhỏ* của văn bản mà không ảnh hưởng đến cấu trúc dòng chảy của đoạn văn bản. Thẻ HTML nào kết hợp với thuộc tính `style` là phù hợp nhất? Thẻ `` là phần tử nội tuyến, rất thích hợp để nhóm một phần nhỏ văn bản hoặc nội dung nội tuyến khác để áp dụng kiểu (thường dùng với CSS) mà không làm thay đổi cấu trúc dòng chảy mặc định của trang. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để thay đổi màu sắc của văn bản sử dụng CSS inline (trong thuộc tính `style` của thẻ HTML), thuộc tính CSS nào được sử dụng? Thuộc tính CSS `color` được sử dụng để thiết lập màu sắc của văn bản. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để thay đổi kiểu phông chữ (ví dụ: từ Times New Roman sang Arial) cho một đoạn văn bản sử dụng CSS inline, thuộc tính CSS nào được sử dụng? Thuộc tính CSS `font-family` được sử dụng để chỉ định kiểu phông chữ cho văn bản. 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để thay đổi kích thước của văn bản sử dụng CSS inline, thuộc tính CSS nào được sử dụng? Thuộc tính CSS `font-size` được sử dụng để thiết lập kích thước của văn bản. Giá trị có thể là đơn vị đo (px, em, %) hoặc từ khóa (small, medium, large). 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để căn giữa đoạn văn bản sử dụng CSS inline, thuộc tính CSS nào được sử dụng? Thuộc tính CSS `text-align` được sử dụng để căn chỉnh văn bản theo chiều ngang. Giá trị 'center' sẽ căn giữa nội dung. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Xem đoạn mã HTML sau: ` Đoạn văn bản này. `. Đoạn văn bản sẽ hiển thị như thế nào? Đoạn mã sử dụng CSS inline để đặt màu chữ là xanh (`color: blue;`) và kích thước chữ là 16 pixel (`font-size: 16px;`) cho thẻ ` `. Do đó, văn bản sẽ có màu xanh và cỡ chữ 16px. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Xem đoạn mã HTML sau: ` Tiêu đề Đoạn 1 Đoạn 2 `. Có bao nhiêu phần tử khối (block-level elements) trong đoạn mã này? Các thẻ ` ` và ` ` đều là các phần tử khối mặc định. ` ` tạo ra một khối tiêu đề, và mỗi thẻ ` ` tạo ra một khối đoạn văn bản riêng biệt. Do đó, có tổng cộng 3 phần tử khối (` `, ` `, ` `). 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Xem đoạn mã HTML sau: ` Đây là một từ quan trọng trong câu. `. Từ 'từ quan trọng' sẽ hiển thị như thế nào? Thẻ `` là phần tử nội tuyến và được áp dụng style `color: red;`. Điều này chỉ ảnh hưởng đến nội dung bên trong ``, làm cho từ 'từ quan trọng' có màu đỏ. Phần còn lại của đoạn văn bản giữ nguyên màu mặc định. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn định dạng một danh sách các mục (ví dụ: các bước thực hiện) mà không sử dụng thẻ danh sách (` `, ` `). Bạn chỉ sử dụng thẻ ` ` và muốn mỗi mục hiển thị trên một dòng mới. Cách nào sau đây có thể thực hiện được điều đó? Thẻ ` ` là phần tử khối, mỗi thẻ ` ` mới sẽ tự động bắt đầu trên một dòng mới và có khoảng cách mặc định giữa các đoạn. Sử dụng nhiều thẻ ` ` liên tiếp, mỗi thẻ chứa một mục, sẽ khiến mỗi mục hiển thị trên một dòng riêng. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Thẻ HTML nào sau đây được coi là đã lỗi thời hoặc không còn được khuyến khích sử dụng trong HTML5 cho mục đích định dạng trực tiếp (thay vào đó nên dùng CSS)? Thẻ `` được sử dụng trong các phiên bản HTML cũ để định dạng phông chữ, kích thước và màu sắc. Trong HTML5, việc định dạng nên được thực hiện bằng CSS. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn có một khối văn bản dài và muốn ngắt dòng tại một vị trí cụ thể mà không tạo khoảng cách giữa các đoạn. Bạn nên sử dụng thẻ nào tại vị trí muốn ngắt? Thẻ ` ` tạo ra một ngắt dòng đơn, chỉ đơn thuần chuyển nội dung xuống dòng tiếp theo mà không thêm khoảng cách như khi kết thúc một đoạn ` ` hoặc một khối ` ` mặc định. 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Trong CSS inline, để đặt màu nền cho một phần tử HTML, thuộc tính nào được sử dụng? Thuộc tính CSS `background-color` được sử dụng để thiết lập màu nền cho một phần tử. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn một đoạn văn bản hiển thị với kiểu chữ 'Arial' hoặc nếu không có 'Arial' thì dùng 'sans-serif'. Cú pháp CSS inline chính xác cho thuộc tính `font-family` là gì? Thuộc tính `font-family` chấp nhận một danh sách các tên phông chữ, cách nhau bằng dấu phẩy. Trình duyệt sẽ thử áp dụng phông chữ đầu tiên trong danh sách mà nó hỗ trợ. 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Xem đoạn mã HTML: ` Đây là đoạn văn bản. Đây là dòng tiếp theo. `. Đoạn văn bản này sẽ hiển thị như thế nào? Thẻ ` ` trong thẻ ` ` tạo ra một ngắt dòng. Do đó, 'Đây là đoạn văn bản.' sẽ ở dòng đầu tiên, và 'Đây là dòng tiếp theo.' sẽ bắt đầu ngay dưới đó, trong cùng một đoạn ` `. 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn tạo một khối nội dung riêng biệt, có thể chứa nhiều loại phần tử khác nhau (tiêu đề, đoạn văn, hình ảnh...) và mặc định sẽ chiếm một dòng riêng trên trang. Thẻ HTML nào phù hợp nhất cho mục đích này? Thẻ ` ` là một phần tử khối đa năng, thường được sử dụng như một bộ chứa cho các phần tử HTML khác. Nó tạo ra một khối riêng biệt, bắt đầu trên dòng mới theo mặc định. 25 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Xem đoạn mã sau: ` Văn bản căn phải. `. Văn bản bên trong thẻ ` ` sẽ hiển thị như thế nào? Thuộc tính CSS `text-align: right;` căn chỉnh nội dung văn bản (nội tuyến) bên trong phần tử khối (ở đây là ` `) về phía bên phải. 26 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Để gạch chân một phần văn bản (lưu ý: thẻ `` trong HTML5 có ý nghĩa ngữ nghĩa khác), cách phổ biến và được khuyến khích nhất hiện nay bằng CSS là gì? Thuộc tính CSS `text-decoration` với giá trị `underline` được sử dụng để tạo hiệu ứng gạch chân cho văn bản. Đây là cách định dạng bằng CSS, tách biệt với cấu trúc HTML. 27 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn làm nổi bật một cụm từ bằng cách gạch ngang (hiển thị nó như đã bị xóa hoặc không còn phù hợp). Thẻ HTML nào phù hợp cho mục đích này? Thẻ `` (strikethrough) hoặc `` (deleted text) được sử dụng để hiển thị văn bản với một đường kẻ ngang đi qua. `` thường dùng cho nội dung không còn chính xác hoặc không còn phù hợp, trong khi `` chỉ ra nội dung đã bị xóa khỏi tài liệu. 28 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Xem đoạn mã HTML: ` Mục 1 Mục 2 `. Khoảng cách giữa 'Mục 1' và 'Mục 2' sẽ như thế nào so với việc chỉ sử dụng một thẻ ` `? Mỗi thẻ ` ` tạo ra một ngắt dòng. Sử dụng hai thẻ ` ` liên tiếp sẽ tạo ra hai ngắt dòng, dẫn đến một dòng trống giữa 'Mục 1' và 'Mục 2', làm tăng khoảng cách so với việc chỉ sử dụng một thẻ ` `. 29 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn có một tiêu đề phụ trong phần nội dung của mình. Thẻ nào trong nhóm thẻ tiêu đề (` ` đến ` `) là lựa chọn phù hợp nếu ` ` đã được dùng cho tiêu đề chính và bạn muốn tiêu đề phụ này nhỏ hơn tiêu đề chính nhưng vẫn nổi bật hơn văn bản thông thường? Các thẻ tiêu đề từ ` ` đến ` ` biểu thị cấp độ quan trọng và kích thước giảm dần. Sau ` ` (quan trọng nhất), ` ` là cấp độ tiếp theo, phù hợp cho tiêu đề phụ lớn, tiếp theo là ` `, v.v. 30 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 06 Bạn muốn áp dụng đồng thời nhiều kiểu định dạng cho cùng một đoạn văn bản bằng CSS inline. Cú pháp đúng để viết nhiều thuộc tính CSS trong thuộc tính `style` là gì? Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Khi sử dụng CSS inline, các cặp thuộc tính-giá trị (`property: value;`) được viết trong thuộc tính `style` của thẻ HTML và được phân cách bởi dấu chấm phẩy (`;`). 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 07 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 1: Xét đoạn mã HTML sau: ```html Tiêu đề chính Đây là đoạn văn bản đầu tiên. Tiêu đề phụ Đây là đoạn văn bản thứ hai. ``` Khi hiển thị trên trình duyệt, thứ tự và cấp độ của các tiêu đề và đoạn văn bản sẽ như thế nào? Tiêu đề chính nhỏ hơn Tiêu đề phụ, sau đó là hai đoạn văn bản. Hai đoạn văn bản xuất hiện trước, sau đó là Tiêu đề chính và Tiêu đề phụ. Tiêu đề chính (cấp 1) lớn nhất, tiếp theo là đoạn văn bản đầu tiên, sau đó là Tiêu đề phụ (cấp 2) nhỏ hơn, cuối cùng là đoạn văn bản thứ hai. Tất cả văn bản sẽ được hiển thị cùng cỡ chữ, chỉ khác nhau về kiểu chữ (in đậm cho tiêu đề). 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 2: Bạn muốn tạo một dòng văn bản mới trong một đoạn HTML hiện tại mà không bắt đầu một đoạn văn bản hoàn toàn mới (tức là không có khoảng trống lớn giữa các dòng). Thẻ HTML nào là phù hợp nhất để sử dụng? <br> <p> <hr> <div> 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 3: Thẻ ` ` và thẻ `` đều được sử dụng để nhóm các phần tử HTML. Điểm khác biệt cơ bản về cách hiển thị mặc định của hai thẻ này là gì? <div> được dùng cho văn bản, còn <span> được dùng cho hình ảnh. <div> là phần tử khối (block-level), mặc định bắt đầu trên dòng mới; <span> là phần tử nội tuyến (inline), không bắt đầu dòng mới. <div> chỉ có thể chứa văn bản, còn <span> có thể chứa các thẻ HTML khác. <div> tạo ra khoảng trống lớn hơn xung quanh nội dung so với <span>. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 4: Bạn muốn một dòng chữ 'Quan trọng!' hiển thị nổi bật bằng cách in đậm và có ý nghĩa nhấn mạnh về mặt ngữ nghĩa. Thẻ HTML nào vừa đáp ứng yêu cầu hiển thị (in đậm) vừa thể hiện ý nghĩa ngữ nghĩa (quan trọng)? <i> <b> <strong> <em> 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 5: Để thay đổi màu sắc của một đoạn văn bản cụ thể trong HTML, bạn nên sử dụng thuộc tính `style` kết hợp với thuộc tính CSS nào? color background-color font-size text-align 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 6: Bạn có đoạn công thức hóa học H₂O. Để hiển thị số '2' dưới dạng chỉ số dưới, bạn sẽ sử dụng thẻ HTML nào? <sup> <sub> <ins> <del> 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 7: Bạn muốn áp dụng cùng một kiểu định dạng (ví dụ: màu chữ đỏ, cỡ chữ 14px) cho nhiều đoạn văn bản khác nhau trên trang web của mình một cách hiệu quả và dễ quản lý. Phương pháp nào sau đây là tốt nhất? Sử dụng thuộc tính `style="color: red; font-size: 14px;"` cho từng đoạn văn bản. Sử dụng thẻ `<font color="red" size="3">` cho từng đoạn văn bản. Copy và dán đoạn văn bản đó thành nhiều lần. Định nghĩa kiểu định dạng bằng CSS trong thẻ `<style>` hoặc tệp CSS bên ngoài và áp dụng cho các đoạn văn bản bằng cách sử dụng lớp (class) hoặc bộ chọn thích hợp. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 8: Đoạn mã HTML nào sau đây sẽ hiển thị dòng chữ 'Xin chào!' với cỡ chữ lớn hơn cỡ chữ mặc định của đoạn văn bản thông thường? <p font-size="large">Xin chào!</p> <p style="text-size: large;">Xin chào!</p> <p style="font-size: large;">Xin chào!</p> <p style="size: large;">Xin chào!</p> 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 9: Bạn có một danh sách các mục và muốn phân tách chúng bằng một đường kẻ ngang đơn giản. Thẻ HTML nào được thiết kế đặc biệt để tạo ra một đường kẻ ngang? <line> <hr> <br> <divider> 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 10: Xét đoạn mã HTML: ```html Đoạn văn bản màu xanh. Phần văn bản màu đỏ. ``` Phần văn bản "Đoạn văn bản màu xanh." và "Phần văn bản màu đỏ." sẽ hiển thị màu gì? "Đoạn văn bản màu xanh." màu xanh, "Phần văn bản màu đỏ." màu đỏ. Cả hai đều màu xanh. Cả hai đều màu đỏ. "Đoạn văn bản màu xanh." màu đỏ, "Phần văn bản màu đỏ." màu xanh. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 11: Để căn giữa một đoạn văn bản trong HTML bằng thuộc tính `style`, bạn sẽ sử dụng thuộc tính CSS nào và giá trị nào? align: center; vertical-align: middle; text-align: middle; text-align: center; 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 12: Bạn có một câu chứa từ "ví dụ" và muốn từ này hiển thị dưới dạng in nghiêng để nhấn mạnh nhẹ. Thẻ HTML nào phù hợp cho mục đích này? <b> <em> <strong> <u> 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 13: Khi sử dụng thuộc tính `font-family` trong CSS để chỉ định phông chữ cho văn bản, tại sao nên liệt kê nhiều tên phông chữ, cách nhau bởi dấu phẩy (ví dụ: `font-family: "Times New Roman", Georgia, serif;`)? 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 14: Xét đoạn mã HTML sau: ```html Đây là đoạn văn bản. Dòng mới trong cùng đoạn. ``` Khi hiển thị, phần văn bản "Dòng mới trong cùng đoạn." sẽ như thế nào so với "Đây là đoạn văn bản."? Nằm ở dòng ngay phía dưới và không có khoảng trống lớn như khi dùng thẻ <p> mới. Nằm ở dòng ngay phía dưới và có khoảng trống lớn như khi dùng thẻ <p> mới. Nằm ngay bên cạnh trên cùng một dòng. Sẽ bị ẩn đi vì thẻ <br> không được đặt ở cuối đoạn. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 15: Bạn muốn tạo một tiêu đề cấp 3 cho một phần nhỏ trong văn bản. Thẻ HTML nào là chính xác để sử dụng? <h1> <h2> <h3> <h4> 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 16: Bạn muốn áp dụng một kiểu định dạng cụ thể (ví dụ: màu chữ, cỡ chữ, in đậm) cho một *phần nhỏ* của văn bản *trong cùng một dòng* mà không làm thay đổi cấu trúc dòng hay tạo khối mới. Thẻ HTML nào phù hợp nhất để bọc lấy phần văn bản đó? <p> <div> <section> <span> 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 17: Xét đoạn mã HTML: ```html Văn bản căn phải. Văn bản căn giữa. ``` Khi hiển thị, đoạn văn bản đầu tiên và đoạn văn bản thứ hai sẽ được căn chỉnh như thế nào? Cả hai đều căn trái theo mặc định. Đoạn đầu tiên căn phải, đoạn thứ hai căn giữa. Đoạn đầu tiên căn giữa, đoạn thứ hai căn phải. Cả hai đều căn giữa. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 18: Thẻ ` ` tạo ra một đường kẻ ngang. Đường kẻ này có phải là một phần tử khối (block-level element) hay phần tử nội tuyến (inline element)? Phần tử khối (block-level element). Phần tử nội tuyến (inline element). Tùy thuộc vào trình duyệt. Tùy thuộc vào thuộc tính style được áp dụng. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 19: Bạn muốn hiển thị biểu thức toán học E = mc² với số '2' ở dạng chỉ số trên. Đoạn mã HTML chính xác để làm điều này là gì? E = mc<big>2</big> E = mc<sub>2</sub> E = mc<sup>2</sup> E = mc<sub><sup>2</sup></sub> 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 20: Khi sử dụng thuộc tính `font-size` trong CSS, bạn có thể sử dụng các đơn vị đo lường khác nhau. Đơn vị nào sau đây *không* thường được sử dụng hoặc không phải là đơn vị chuẩn để đo kích thước phông chữ trên web? px em % kg 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 21: Bạn nhận được một đoạn mã HTML và thấy có sử dụng thẻ ` `. Dựa trên kiến thức về HTML hiện đại và các khuyến nghị W3C, việc sử dụng thẻ `` được khuyến khích hay không? Tại sao? Được khuyến khích vì nó là cách đơn giản nhất để căn giữa nội dung. Không được khuyến khích vì nó đã lỗi thời (deprecated) và việc định dạng nên dùng CSS. Được khuyến khích chỉ khi căn giữa toàn bộ trang. Không được khuyến khích vì nó chỉ hoạt động trên một số trình duyệt cũ. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 22: Bạn muốn tạo một đoạn văn bản thụt lề vào từ lề trái. Mặc dù việc này thường được làm bằng CSS, nếu chỉ sử dụng các ký tự đặc biệt trong HTML, bạn có thể dùng ký tự nào để tạo khoảng trắng không ngắt dòng?   &tab; &space; <space> 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 23: Xét đoạn mã HTML sau: ```html Đây là văn bản quan trọng. ``` Thuộc tính CSS `font-weight: bold;` có tác dụng gì đối với phần văn bản "văn bản"? Làm cho văn bản có màu xanh. Làm cho văn bản gạch chân. Làm cho văn bản in đậm. Làm cho văn bản in nghiêng. 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 24: Bạn muốn hiển thị một đoạn mã lập trình hoặc văn bản đã được định dạng sẵn (ví dụ: có nhiều khoảng trắng và ngắt dòng theo ý muốn). Thẻ HTML nào giữ nguyên định dạng khoảng trắng và ngắt dòng trong nội dung của nó? <pre> <p> <div> <span> 25 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 25: Khi bạn sử dụng thẻ ` ` cho tiêu đề chính, trình duyệt mặc định sẽ hiển thị văn bản bên trong thẻ này với kích thước và độ đậm lớn hơn so với văn bản thông thường. Điều này là do đâu? Do thẻ <h1> tự động thêm thuộc tính style="font-size: xx-large; font-weight: bold;" vào. Do trình duyệt tự động nhận diện văn bản bên trong <h1> là quan trọng và in đậm. Do thẻ <h1> sử dụng phông chữ riêng biệt chỉ dành cho tiêu đề. Do trình duyệt áp dụng các kiểu CSS mặc định (user agent stylesheet) cho thẻ <h1> theo quy định của chuẩn web. 26 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 26: Bạn muốn hiển thị một đoạn văn bản trích dẫn dài từ một nguồn khác. Thẻ ngữ nghĩa nào sau đây được khuyến khích sử dụng để bọc lấy đoạn trích dẫn đó? <blockquote> <cite> <q> <excerpt> 27 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 27: Xét đoạn mã HTML: ```html Điểm số của bạn là: 85. ``` Phần văn bản "85" sẽ hiển thị màu gì? Màu đen (mặc định). Màu xanh. Màu đỏ. Màu của đoạn văn bản cha (nếu có). 28 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 28: Bạn muốn tạo một danh sách các mục không theo thứ tự (danh sách gạch đầu dòng). Mặc dù Bài 9 sẽ học kỹ hơn về danh sách, trong phạm vi định dạng văn bản cơ bản, bạn có thể mô phỏng bằng cách sử dụng thẻ nào để nhóm các mục và thẻ nào cho từng mục riêng lẻ? Sử dụng nhiều thẻ <p> liên tiếp. Sử dụng thẻ <div> cho mỗi mục. Sử dụng thẻ <br> sau mỗi mục. Sử dụng thẻ <ul> để nhóm và thẻ <li> cho mỗi mục con. 29 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 29: Thuộc tính CSS `text-decoration` có thể được sử dụng để định dạng văn bản. Giá trị `underline` của thuộc tính này có tác dụng gì? Gạch ngang văn bản. Gạch trên văn bản. Gạch chân văn bản. Làm văn bản nhấp nháy. 30 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 07 Câu 30: Xét đoạn mã HTML: ```html Đoạn văn bản này có chữ lớn hơn và chữ nghiêng. ``` Phần văn bản "chữ lớn hơn" và "chữ nghiêng" sẽ hiển thị như thế nào? "chữ lớn hơn" sẽ lớn hơn bình thường, "chữ nghiêng" sẽ hiển thị in nghiêng. Cả hai phần đều hiển thị lớn hơn và in nghiêng. Chỉ phần "chữ lớn hơn" được định dạng, phần "chữ nghiêng" hiển thị bình thường. Đoạn mã bị lỗi và không hiển thị đúng. Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 08 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 1: Bạn đang định dạng một trang web và muốn áp dụng một kiểu hiển thị đặc biệt (ví dụ: màu nền, viền) cho một khối lớn gồm nhiều đoạn văn bản và hình ảnh. Thẻ HTML nào là lựa chọn tốt nhất để nhóm các phần tử này lại và áp dụng định dạng khối? <span> <div> <p> <section> Câu hỏi kiểm tra khả năng áp dụng thẻ nhóm khối (block-level container). Thẻ ` ` là thẻ khối chung (generic block-level container) được sử dụng phổ biến để nhóm các phần tử khác nhau nhằm mục đích định dạng hoặc bố cục trang. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 2: Để làm cho một đoạn văn bản cụ thể có màu chữ là màu đỏ, bạn cần sử dụng thuộc tính CSS nào? (Giả sử áp dụng trực tiếp trong thẻ HTML bằng thuộc tính `style`) background-color font-color color text-color Câu hỏi kiểm tra kiến thức về thuộc tính CSS cơ bản để định dạng màu chữ. Thuộc tính `color` trong CSS được sử dụng để thiết lập màu sắc cho văn bản. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 3: Xem đoạn mã HTML sau: ` Đây là một đoạn văn bản quan trọng. `. Trình duyệt sẽ hiển thị văn bản 'đoạn văn bản' như thế nào theo mặc định về mặt hình thức? In đậm In nghiêng Gạch chân Màu đỏ Câu hỏi kiểm tra hiểu biết về hiệu ứng định dạng mặc định của thẻ ``. Thẻ `` được sử dụng để chỉ định văn bản có tầm quan trọng mạnh mẽ và mặc định các trình duyệt sẽ hiển thị nội dung bên trong nó dưới dạng in đậm. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 4: Bạn muốn áp dụng định dạng (ví dụ: thay đổi phông chữ, cỡ chữ) cho một vài từ *nằm trong cùng một dòng* với các văn bản khác mà không làm ngắt dòng hoặc tạo ra một khối riêng biệt. Thẻ HTML nào phù hợp nhất cho mục đích này? <div> <p> <br> <span> Câu hỏi yêu cầu xác định thẻ nhóm nội tuyến (inline container). Thẻ `` là thẻ nội tuyến chung (generic inline container) được sử dụng để áp dụng định dạng cho một phần nhỏ của văn bản mà không ảnh hưởng đến bố cục dòng chảy của nó. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 5: Thẻ HTML nào được sử dụng để tạo một dòng kẻ ngang phân cách giữa các nội dung trên trang web? <line> <br> <hr> <divider> Câu hỏi kiểm tra kiến thức về thẻ tạo đường kẻ ngang. Thẻ ` ` (Horizontal Rule) được sử dụng để vẽ một đường kẻ ngang, thường dùng để phân chia các phần nội dung. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 6: Trong HTML, để hiển thị công thức hóa học H₂O, phần số '2' cần được định dạng là chỉ số dưới. Thẻ HTML nào được sử dụng để tạo chỉ số dưới? <sub> <sup> <down> <index> Câu hỏi kiểm tra kiến thức về thẻ định dạng chỉ số dưới. Thẻ `_{` (subscript) được sử dụng để hiển thị văn bản dưới đường cơ sở và nhỏ hơn kích thước thông thường.} 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 7: Bạn muốn căn giữa một đoạn văn bản trong HTML. Thuộc tính CSS nào (thường dùng với `style`) được sử dụng để điều khiển sự căn chỉnh của văn bản? align text-align vertical-align layout Câu hỏi kiểm tra kiến thức về thuộc tính CSS căn chỉnh văn bản. Thuộc tính `text-align` trong CSS được sử dụng để thiết lập sự căn chỉnh ngang của nội dung văn bản trong một phần tử khối. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 8: Thẻ ` ` đến ` ` trong HTML được sử dụng để định dạng các tiêu đề. Sự khác biệt chính giữa chúng là gì? Màu sắc mặc định Kiểu chữ mặc định Viền mặc định Kích thước và mức độ quan trọng về mặt ngữ nghĩa Câu hỏi kiểm tra hiểu biết về phân cấp tiêu đề trong HTML. Các thẻ tiêu đề ` ` đến ` ` biểu thị các cấp độ tiêu đề khác nhau, với ` ` là quan trọng nhất (lớn nhất) và ` ` là ít quan trọng nhất (nhỏ nhất). 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 9: Xem đoạn mã HTML: ` Đoạn văn bản này có cỡ chữ 16 pixel. `. Đoạn văn bản này sẽ hiển thị với cỡ chữ là 16 pixel. Nếu bạn thay đổi giá trị `16px` thành `1.2em`, cỡ chữ sẽ thay đổi như thế nào? Cỡ chữ sẽ bằng 1.2 lần cỡ chữ của phần tử chứa nó. Cỡ chữ sẽ tăng thêm 1.2 pixel so với mặc định. Cỡ chữ sẽ cố định là 1.2 pixel, bất kể phần tử cha. Cỡ chữ sẽ giảm đi 1.2 lần so với mặc định. Câu hỏi kiểm tra khả năng áp dụng và hiểu đơn vị đo lường tương đối trong CSS. Đơn vị `em` là đơn vị tương đối dựa trên kích thước phông chữ của phần tử cha. `1.2em` nghĩa là 1.2 lần kích thước phông chữ của phần tử cha. 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 10: Thẻ HTML nào được sử dụng để tạo ngắt dòng đơn giản trong một đoạn văn bản mà không kết thúc đoạn hiện tại hoặc tạo khoảng trắng bổ sung như thẻ ` `? <line> <br> <newline> <hr> Câu hỏi kiểm tra kiến thức về thẻ ngắt dòng. Thẻ ` ` (line break) được sử dụng để tạo ra một dòng mới tại vị trí của thẻ mà không tạo ra một đoạn văn bản mới. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 11: Bạn muốn làm nổi bật một đoạn văn bản bằng cách in nghiêng và đồng thời muốn trình duyệt hiểu rằng đoạn này mang tính chất nhấn mạnh (emphasis). Thẻ HTML nào phù hợp nhất? <b> <i> <em> <strong> Câu hỏi kiểm tra sự phân biệt giữa định dạng hình thức và ngữ nghĩa. Thẻ `` (emphasis) được sử dụng để nhấn mạnh văn bản về mặt ngữ nghĩa, và mặc định thường được hiển thị dưới dạng in nghiêng. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 12: Xem đoạn mã HTML: ` Văn bản màu xanh. `. Đoạn văn bản bên trong thẻ ` ` sẽ có màu gì và tại sao? Màu xanh, vì thuộc tính `color` được kế thừa từ thẻ `<div>` cha. Màu đen, vì thẻ `<p>` không có thuộc tính `color` riêng. Màu xanh, vì thẻ `<div>` luôn áp dụng màu cho tất cả nội dung bên trong. Màu đen, vì thuộc tính `color` không được kế thừa. Câu hỏi kiểm tra hiểu biết về tính kế thừa (inheritance) trong CSS. Thuộc tính `color` là một trong những thuộc tính được kế thừa. Khi `color: blue;` được áp dụng cho thẻ ` `, thẻ ` ` bên trong sẽ kế thừa thuộc tính này (trừ khi nó bị ghi đè bởi một quy tắc CSS khác). 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 13: Bạn muốn áp dụng một kiểu phông chữ cụ thể (ví dụ: 'Arial', 'sans-serif') cho toàn bộ nội dung của một phần tử HTML. Thuộc tính CSS nào (thường dùng với `style`) được sử dụng cho mục đích này? text-font font-style font-weight font-family Câu hỏi kiểm tra kiến thức về thuộc tính CSS thay đổi phông chữ. Thuộc tính `font-family` trong CSS được sử dụng để chỉ định danh sách các phông chữ ưu tiên cho văn bản. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 14: Sự khác biệt cơ bản về cách hiển thị mặc định giữa thẻ ` ` và thẻ `` là gì? <div> hiển thị văn bản in đậm, <span> hiển thị văn bản in nghiêng. <div> là phần tử khối (block), bắt đầu trên dòng mới; <span> là phần tử nội tuyến (inline), không bắt đầu trên dòng mới. <div> chỉ chứa văn bản, <span> có thể chứa hình ảnh. <div> được căn giữa mặc định, <span> được căn trái mặc định. Câu hỏi kiểm tra sự phân biệt giữa phần tử khối (block) và phần tử nội tuyến (inline). Thẻ ` ` là phần tử khối, luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng khả dụng. Thẻ `` là phần tử nội tuyến, chỉ chiếm không gian cần thiết và không bắt đầu trên dòng mới. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 15: Trong HTML, để hiển thị biểu thức toán học x², phần số '2' cần được định dạng là chỉ số trên. Thẻ HTML nào được sử dụng để tạo chỉ số trên? <sub> <up> <sup> <power> Câu hỏi kiểm tra kiến thức về thẻ định dạng chỉ số trên. Thẻ `^{` (superscript) được sử dụng để hiển thị văn bản trên đường cơ sở và nhỏ hơn kích thước thông thường, thường dùng cho số mũ.} 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 16: Bạn có một đoạn văn bản dài và muốn ngắt nó thành nhiều dòng nhỏ hơn để dễ đọc trong một phần tử duy nhất (ví dụ: trong một ô bảng). Việc sử dụng thẻ ` ` nhiều lần có phải là cách tốt nhất không? Tại sao? Có, vì `<br>` là thẻ duy nhất để ngắt dòng. Không, vì `<br>` chỉ nên dùng cho ngắt dòng đơn giản (ví dụ thơ, địa chỉ), không dùng để tạo cấu trúc hay khoảng cách giữa các khối nội dung. Nên dùng `<p>` hoặc `<div>`. Có, nhưng chỉ khi bạn không muốn tạo đoạn văn bản mới. Không, vì `<br>` đã lỗi thời và không còn được hỗ trợ. Câu hỏi kiểm tra hiểu biết về mục đích sử dụng thẻ ` `. Thẻ ` ` chỉ dùng cho ngắt dòng đơn giản (ví dụ: trong thơ, địa chỉ). Sử dụng nó để tạo khoảng cách giữa các 'đoạn' hoặc cấu trúc nội dung là không phù hợp về mặt ngữ nghĩa và bố cục. Nên dùng các thẻ khối như ` ` hoặc ` ` với CSS để kiểm soát khoảng cách. 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 17: Xem đoạn mã HTML: ` Văn bản này sẽ nằm ở đâu? `. Đoạn văn bản này sẽ hiển thị ở vị trí nào trong phần tử chứa nó? Căn trái Căn giữa Căn đều hai bên Căn phải Câu hỏi kiểm tra khả năng áp dụng thuộc tính `text-align`. Giá trị `right` của thuộc tính `text-align` sẽ căn chỉnh nội dung văn bản sang phía bên phải của phần tử khối chứa nó. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 18: Bạn muốn làm cho một từ hoặc cụm từ trong đoạn văn bản trở nên nổi bật về mặt hình ảnh (in đậm) nhưng không nhất thiết phải mang ý nghĩa quan trọng đặc biệt về mặt ngữ nghĩa. Thẻ HTML nào có thể được sử dụng, mặc dù thẻ `` thường được khuyến khích hơn cho ý nghĩa ngữ nghĩa? <b> <em> <i> <mark> Câu hỏi kiểm tra kiến thức về thẻ định dạng hình thức đơn thuần. Thẻ `` (bold) được sử dụng để in đậm văn bản chỉ với mục đích trình bày hình thức, không mang ý nghĩa ngữ nghĩa như ``. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 19: Khi sử dụng thuộc tính `font-size` trong CSS, bạn có thể sử dụng nhiều đơn vị đo lường khác nhau. Đơn vị nào sau đây là đơn vị *tương đối* (phụ thuộc vào kích thước khác) chứ không phải đơn vị *tuyệt đối* (không đổi)? px pt em cm Câu hỏi kiểm tra kiến thức về các đơn vị đo lường trong CSS. `px` (pixel), `pt` (point), `cm` (centimeter) là các đơn vị tuyệt đối. `em` là đơn vị tương đối, dựa trên kích thước phông chữ của phần tử cha. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 20: Bạn có một danh sách các mục (ví dụ: danh sách các nguyên liệu). Mặc dù bài 8 không tập trung vào danh sách, nhưng nếu bạn muốn mỗi nguyên liệu hiển thị trên một dòng riêng biệt và có khoảng cách tự động giữa chúng như các mục trong danh sách, thẻ HTML nào *thường* được sử dụng trong cấu trúc danh sách? <span> <div> <p> <li> Câu hỏi liên kết kiến thức bài 8 với cấu trúc cơ bản của danh sách để kiểm tra hiểu biết về các phần tử khối/dòng. Thẻ ` ` (list item) là phần tử khối mặc định (hoặc block-like tùy ngữ cảnh CSS) và được sử dụng để định nghĩa từng mục trong danh sách ( hoặc ), mỗi mục sẽ hiển thị trên một dòng mới. 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 21: Xem đoạn mã HTML và CSS inline: ` Đoạn văn bản. `. Nếu phông chữ 'Times New Roman' không có sẵn trên hệ thống của người dùng, trình duyệt sẽ sử dụng phông chữ nào? Một phông chữ thuộc nhóm 'serif' có sẵn trên hệ thống. Phông chữ mặc định của trình duyệt. Phông chữ 'Times New Roman' (nó luôn có sẵn). Văn bản sẽ không hiển thị. Câu hỏi kiểm tra hiểu biết về cách thuộc tính `font-family` hoạt động với danh sách phông chữ. Trình duyệt sẽ duyệt qua danh sách các phông chữ được chỉ định theo thứ tự. Nếu phông đầu tiên không có, nó sẽ thử phông thứ hai, và cứ thế. `serif` là tên phông chữ chung (generic font family), luôn có sẵn và được dùng làm phông dự phòng cuối cùng. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 22: Bạn muốn áp dụng một kiểu CSS (ví dụ: màu nền vàng) cho một từ duy nhất trong một câu rất dài. Việc sử dụng thẻ ` ` cho từ đó có phù hợp không? Tại sao? Có, vì thẻ `<p>` có thể chứa văn bản và áp dụng CSS. Không, vì `<p>` là phần tử khối và sẽ làm ngắt dòng, không phù hợp để định dạng một phần nhỏ của văn bản trong cùng một dòng. Có, nhưng chỉ khi từ đó rất quan trọng. Không, vì `<p>` chỉ dùng cho các đoạn văn bản đầy đủ. Câu hỏi kiểm tra hiểu biết về sự khác biệt giữa phần tử khối và nội tuyến trong ngữ cảnh áp dụng định dạng cho một phần nhỏ. Thẻ ` ` là phần tử khối, sẽ tạo ra một đoạn mới và ngắt dòng, không phù hợp để định dạng một từ nằm trong dòng của đoạn văn bản khác. 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 23: Xem xét hai đoạn HTML sau: Đoạn 1: ` Xin chào. Chào bạn. `. Đoạn 2: ` Xin chào. Chào bạn. `. Sự khác biệt chính về cách hiển thị mặc định giữa hai đoạn này là gì? Đoạn 1 sẽ có khoảng cách lớn hơn giữa hai dòng 'Xin chào.' và 'Chào bạn.' do mỗi dòng là một đoạn `<p>` riêng biệt, trong khi đoạn 2 chỉ là ngắt dòng đơn giản. Đoạn 2 sẽ có khoảng cách lớn hơn giữa hai dòng. Cả hai đoạn sẽ hiển thị giống hệt nhau. Đoạn 1 hiển thị in đậm, đoạn 2 hiển thị in nghiêng. Câu hỏi yêu cầu phân tích sự khác biệt giữa việc sử dụng hai thẻ ` ` riêng biệt so với sử dụng ` ` kết hợp với ` `. Hai thẻ ` ` tạo ra hai đoạn văn bản riêng biệt, mỗi đoạn có khoảng cách trên và dưới mặc định. ` ` chỉ tạo ngắt dòng trong cùng một đoạn, không tạo khoảng cách đoạn. 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 24: Thẻ nào trong HTML5 được sử dụng để định nghĩa một phần nội dung mang tính chất quan trọng về mặt ngữ nghĩa, thường hiển thị in đậm theo mặc định, và được khuyến khích sử dụng thay cho thẻ `` khi mục đích là nhấn mạnh ý nghĩa? <b> <strong> <em> <mark> Câu hỏi kiểm tra hiểu biết về thẻ ngữ nghĩa. Thẻ `` được giới thiệu để biểu thị nội dung có 'tầm quan trọng mạnh mẽ', khác với `` chỉ là định dạng hình thức. Đây là ví dụ về việc HTML5 chú trọng hơn vào ngữ nghĩa. 25 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 25: Thuộc tính CSS `text-decoration` có thể được sử dụng để định dạng văn bản. Giá trị nào sau đây sẽ tạo ra hiệu ứng gạch chân cho văn bản? overline line-through underline none Câu hỏi kiểm tra kiến thức về thuộc tính `text-decoration`. Giá trị `underline` của thuộc tính này được sử dụng để gạch chân văn bản. 26 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 26: Khi bạn áp dụng thuộc tính CSS `font-size: large;` cho một phần tử, kích thước chữ sẽ được thiết lập dựa trên: Một giá trị pixel cố định (ví dụ: 18px). Một giá trị `em` cố định (ví dụ: 1.2em). Kích thước màn hình của thiết bị. Kích thước phông chữ mặc định của trình duyệt hoặc phần tử cha, tăng lên theo thang bậc định sẵn. Câu hỏi kiểm tra hiểu biết về các từ khóa kích thước phông chữ tương đối. Các từ khóa như `small`, `medium`, `large`, `x-large`, v.v., là các giá trị tương đối, được tính toán dựa trên kích thước phông chữ mặc định của trình duyệt hoặc phần tử cha. 27 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 27: Bạn muốn căn đều văn bản cả hai bên (căn lề trái và phải) trong một đoạn văn bản. Thuộc tính CSS nào (thường dùng với `style`) được sử dụng để thực hiện điều này? text-align: justify; text-align: center; text-align: both; text-align: fill; Câu hỏi kiểm tra kiến thức về thuộc tính `text-align`. Giá trị `justify` của thuộc tính `text-align` được sử dụng để căn đều văn bản cả hai bên (trừ dòng cuối cùng). 28 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 28: Xem đoạn mã HTML: `Màu đỏ và Màu xanh`. Hai cụm từ 'Màu đỏ' và 'Màu xanh' sẽ hiển thị trên cùng một dòng hay khác dòng? Tại sao? Khác dòng, vì mỗi `<span>` tạo ra một khối riêng. Khác dòng, vì mỗi `<span>` có màu khác nhau. Cùng một dòng, vì `<span>` là phần tử nội tuyến và không tự động ngắt dòng. Cùng một dòng, nhưng sẽ có khoảng trắng lớn giữa chúng. Câu hỏi kiểm tra hiểu biết về tính chất của phần tử ``. Thẻ `` là phần tử nội tuyến (inline). Các phần tử nội tuyến chỉ chiếm không gian cần thiết và không bắt đầu trên dòng mới, do đó chúng sẽ hiển thị trên cùng một dòng nếu có đủ chỗ. 29 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 29: Thẻ HTML nào được sử dụng để đánh dấu một đoạn văn bản là code hoặc ví dụ về code máy tính, thường hiển thị với phông chữ có độ rộng cố định (monospace)? <code> <kbd> <samp> <tt> Câu hỏi kiểm tra kiến thức về các thẻ ngữ nghĩa đặc biệt. Thẻ `` được sử dụng để biểu thị một đoạn mã máy tính ngắn. Mặc định các trình duyệt thường hiển thị nội dung trong thẻ này bằng phông chữ monospace. 30 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 08 Câu 30: Bạn nhận được một yêu cầu định dạng văn bản: dòng tiêu đề chính cần cỡ chữ lớn nhất, dòng tiêu đề phụ nhỏ hơn một chút, và nội dung đoạn văn bản bình thường. Bạn nên sử dụng kết hợp các thẻ nào để đạt được cấu trúc này một cách ngữ nghĩa và dễ quản lý? <div>, <span>, <br> <b>, <i>, <u> <hr>, <br>, <p> <h1>, <h2>, <p> Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Câu hỏi kiểm tra khả năng áp dụng kết hợp các thẻ định dạng văn bản cơ bản theo mục đích ngữ nghĩa. ` ` cho tiêu đề chính (quan trọng nhất, lớn nhất), ` ` (hoặc ` `, v.v.) cho tiêu đề phụ (ít quan trọng hơn, nhỏ hơn), và ` ` cho các đoạn văn bản thông thường. 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 09 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <h1> <h2> <title> <header> Thẻ được quy định trong HTML để đánh dấu tiêu đề cấp cao nhất, thường là tiêu đề chính của trang hoặc phần nội dung quan trọng nhất. Các thẻ từ đến dùng cho các cấp tiêu đề phụ nhỏ hơn. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Tạo một dòng kẻ ngang Ngắt dòng mà không tạo đoạn mới Định nghĩa một đoạn văn bản Tạo một khối nội dung chung Thẻ ` ` là thẻ chuẩn trong HTML dùng để định nghĩa một đoạn văn bản (paragraph). Trình duyệt thường tự động thêm khoảng trắng (margin) trước và sau mỗi đoạn. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <p> <br> <hr> <div> Thẻ ` ` (break) được sử dụng để chèn một dấu ngắt dòng đơn. Nó hữu ích khi bạn cần xuống dòng trong cùng một đoạn văn bản hoặc một mục danh sách mà không muốn tạo một khối (block) mới như thẻ ` ` hay ` `. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Tạo một liên kết Chèn hình ảnh Định dạng văn bản in đậm Tạo một đường kẻ ngang phân cách Thẻ ` ` (horizontal rule) dùng để vẽ một đường kẻ ngang, thường được sử dụng để phân chia các phần nội dung trong trang web. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Màu xanh dương Màu đỏ Màu đen (mặc định) Màu xanh lá cây Thuộc tính `style` cho phép áp dụng định dạng trực tiếp lên một thẻ HTML. Trong thuộc tính `style`, `color: blue;` là khai báo CSS đặt màu chữ cho phần tử là màu xanh dương. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? font-size: 12px; text-align: center; font-family: 'Times New Roman'; color: red; Thuộc tính CSS `font-family` được sử dụng để chỉ định phông chữ cho văn bản. Ví dụ: `font-family: Arial, sans-serif;`. 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <i> <strong> <u> <mark> Trong HTML5, thẻ `` được ưu tiên sử dụng để đánh dấu văn bản có tầm quan trọng hoặc khẩn cấp, và mặc định nó hiển thị in đậm. Thẻ `` cũng in đậm nhưng không mang ý nghĩa ngữ nghĩa mạnh mẽ như ``. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? `<div>` dùng cho tiêu đề, `<span>` dùng cho đoạn văn. `<div>` là phần tử nội dòng, `<span>` là phần tử khối. `<div>` chỉ chứa văn bản, `<span>` có thể chứa hình ảnh. `<div>` là phần tử khối, `<span>` là phần tử nội dòng. Thẻ ` ` là một phần tử khối (block-level element), nó luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng khả dụng. Thẻ `` là một phần tử nội dòng (inline element), nó chỉ chiếm không gian cần thiết và không bắt đầu trên dòng mới. 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <sub> <sup> <s> <u> Thẻ `_{` được sử dụng để định dạng văn bản thành chỉ số dưới (subscript), thường dùng trong công thức hóa học hoặc toán học.} 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <sub> <sup> <s> <mark> Thẻ `^{` được sử dụng để định dạng văn bản thành chỉ số trên (superscript), thường dùng trong biểu thức toán học, số mũ, hoặc đánh dấu tham chiếu.} 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Văn bản màu đỏ, cỡ chữ mặc định. Văn bản in đậm, phông chữ Times New Roman. Văn bản cỡ chữ 16px, phông chữ Arial. Văn bản gạch chân, màu xanh dương. Đoạn mã sử dụng thuộc tính `style` để áp dụng hai khai báo CSS: `font-size: 16px;` đặt kích thước chữ là 16 pixel và `font-family: Arial;` đặt phông chữ là Arial. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <s> <ins> <i> <mark> Trong HTML5, thẻ `` (inserted text) được khuyến khích sử dụng để đánh dấu văn bản đã được chèn vào tài liệu, và mặc định nó thường hiển thị gạch dưới. Thẻ `` cũng gạch dưới nhưng không mang ý nghĩa ngữ nghĩa về sự chèn/chỉnh sửa. 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Đánh dấu (highlight) văn bản Làm chữ nhỏ hơn Gạch ngang văn bản Tạo danh sách Thẻ `` được sử dụng để đánh dấu (highlight) văn bản, thường hiển thị với màu nền nổi bật (mặc định là vàng) để chỉ ra sự liên quan hoặc tầm quan trọng trong ngữ cảnh hiện tại. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <h2><center>Tiêu đề</center></h2> <h2 style="align: center;">Tiêu đề</h2> <h2 style="text-align: center;">Tiêu đề</h2> <h2 center>Tiêu đề</h2> Thuộc tính CSS `text-align` được sử dụng để căn chỉnh văn bản bên trong phần tử. Giá trị `center` sẽ căn giữa nội dung. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <div> <span> <article> <section> Thẻ ` ` là một phần tử khối chung (generic block-level container). Nó không có ý nghĩa ngữ nghĩa cụ thể mà chủ yếu dùng để nhóm các phần tử khác cho mục đích định dạng hoặc xử lý bằng script. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Làm cho văn bản in đậm Làm cho văn bản in nghiêng Làm cho văn bản gạch chân Vẽ một đường kẻ ngang xuyên qua văn bản Thẻ `` (strikethrough) được sử dụng để hiển thị văn bản với một đường kẻ ngang xuyên qua, thường dùng để chỉ ra văn bản không còn chính xác hoặc không còn phù hợp (như giá cũ). 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <h2> <div> <small> <p> Thẻ `` được sử dụng để hiển thị văn bản với cỡ chữ nhỏ hơn so với văn bản xung quanh. Nó là một phần tử nội dòng, phù hợp để áp dụng cho một phần nhỏ của văn bản. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Lớn hơn cỡ chữ mặc định Nhỏ hơn cỡ chữ mặc định Bằng cỡ chữ mặc định Gấp đôi cỡ chữ mặc định Giá trị `large` là một từ khóa trong CSS cho thuộc tính `font-size`. Nó chỉ định cỡ chữ lớn hơn cỡ chữ mặc định của phần tử cha hoặc cỡ chữ cơ sở của trình duyệt. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? "in nghiêng" hiển thị in đậm, mang ý nghĩa quan trọng; "in đậm" hiển thị in nghiêng, mang ý nghĩa nhấn mạnh. Cả hai phần đều hiển thị in đậm và mang ý nghĩa nhấn mạnh. Cả hai phần đều hiển thị in nghiêng và mang ý nghĩa quan trọng. "in nghiêng" hiển thị in nghiêng, mang ý nghĩa nhấn mạnh; "in đậm" hiển thị in đậm, mang ý nghĩa quan trọng. Thẻ `` (emphasized text) mặc định hiển thị in nghiêng và dùng để nhấn mạnh một cách ngữ nghĩa. Thẻ `` (strong important text) mặc định hiển thị in đậm và dùng để chỉ sự quan trọng hoặc khẩn cấp. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? color background-color text-color font-color Thuộc tính CSS `background-color` được sử dụng để đặt màu nền cho một phần tử HTML. 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Phần tử khối có thể chứa phần tử nội dòng, nhưng ngược lại thì không. Phần tử khối chỉ chứa văn bản, phần tử nội dòng có thể chứa hình ảnh. Phần tử khối luôn bắt đầu trên dòng mới, phần tử nội dòng thì không. Phần tử khối không thể áp dụng chiều rộng/chiều cao, phần tử nội dòng thì có. Phần tử khối luôn bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng khả dụng theo mặc định. Phần tử nội dòng không bắt đầu trên dòng mới và chỉ chiếm không gian vừa đủ cho nội dung của nó. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Đoạn 1<br>Dòng thứ hai. (Hiển thị trên hai dòng, cùng một đoạn) Đoạn 1 (trên một dòng), Dòng thứ hai. (trên dòng kế tiếp, đoạn mới) Đoạn 1 Dòng thứ hai. (Hiển thị trên một dòng) Đoạn 1 (trên một dòng), sau đó có đường kẻ ngang, rồi Dòng thứ hai. (trên dòng kế tiếp) Thẻ ` ` chèn một ngắt dòng. Do đó, "Đoạn 1" và "Dòng thứ hai" sẽ nằm trong cùng một đoạn ` `, nhưng "Dòng thứ hai" sẽ bắt đầu trên một dòng mới ngay dưới "Đoạn 1". 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <p style="color=red; font-size=20px;">Văn bản</p> <p style="color: red; font-size: 20px">Văn bản</p> <p style="color red, font-size 20px">Văn bản</p> <p style="color: red; font-size: 20px;">Văn bản</p> Trong thuộc tính `style`, các khai báo CSS được phân cách nhau bằng dấu chấm phẩy (;). Cú pháp là `thuộc_tính: giá_trị;`. 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <i> <em> <strong> <u> Thẻ `` (italic text) theo truyền thống được sử dụng để hiển thị văn bản in nghiêng chủ yếu vì mục đích trình bày, không mang ý nghĩa ngữ nghĩa mạnh mẽ. Thẻ `` cũng hiển thị in nghiêng nhưng có ý nghĩa ngữ nghĩa là nhấn mạnh. 25 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <strong> <em> <mark> <i> Thẻ `` được thiết kế để đánh dấu hoặc làm nổi bật một phần của văn bản, thường hiển thị với màu nền (highlight), rất phù hợp cho mục đích làm nổi bật trực quan mà không nhất thiết phải mang ý nghĩa ngữ nghĩa đặc biệt như sự quan trọng (``) hay nhấn mạnh (``). 26 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Toàn bộ chiều rộng của dòng chứa thẻ `<span>`. Chỉ phần văn bản "đoạn nhỏ" bên trong thẻ `<span>`. Toàn bộ đoạn văn bản `<p>`. Sẽ không có màu nền nào được hiển thị vì `<span>` là phần tử nội dòng. Thẻ `` là phần tử nội dòng. Khi áp dụng màu nền cho phần tử nội dòng, màu nền chỉ áp dụng cho phần không gian mà nội dung của nó chiếm giữ, không phải toàn bộ chiều rộng dòng như phần tử khối. 27 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Cỡ chữ là 12 pixel. Cỡ chữ là 12% so với phần tử cha. Cỡ chữ là 1.2 lần cỡ chữ mặc định. Cỡ chữ là 12 điểm (point). Đơn vị `px` (pixel) là một đơn vị đo cố định trong CSS, thể hiện số điểm ảnh trên màn hình. `font-size: 12px;` nghĩa là cỡ chữ sẽ là 12 điểm ảnh. 28 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <h1> và <p> <div> và <span> <br> và <hr> <strong> và <b> Thẻ `` và `` đều hiển thị in đậm theo mặc định, nhưng `` mang ý nghĩa ngữ nghĩa là quan trọng/khẩn cấp, còn `` chỉ đơn thuần là in đậm để gây chú ý. Tương tự, `` và `` đều hiển thị in nghiêng, nhưng `` mang ý nghĩa nhấn mạnh ngữ nghĩa, còn `` thường dùng cho thuật ngữ, tên gọi, v.v. mà không nhất thiết phải nhấn mạnh. 29 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? margin-left text-indent padding-left border-left Thuộc tính CSS `margin-left` được sử dụng để thêm khoảng lề vào bên trái của một phần tử. Áp dụng `margin-left` cho thẻ ` ` sẽ làm đoạn văn bản thụt lề vào. 30 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 09 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Làm cho trang web tải nhanh hơn. Đảm bảo văn bản luôn hiển thị chính xác trên mọi trình duyệt cũ. Cải thiện khả năng tiếp cận và ngữ nghĩa cho công cụ tìm kiếm/trình đọc màn hình. Tự động áp dụng hiệu ứng động cho văn bản. Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Sử dụng thẻ ngữ nghĩa giúp cải thiện khả năng tiếp cận (accessibility) cho người dùng sử dụng trình đọc màn hình, công cụ tìm kiếm hiểu rõ hơn cấu trúc và nội dung của trang, và giúp code dễ bảo trì hơn do tách biệt cấu trúc (HTML) và trình bày (CSS). 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản - Đề 10 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <h1> <span> <p> <div> Câu hỏi kiểm tra kiến thức về thẻ HTML cơ bản dùng để tạo đoạn văn bản, đặc trưng bởi hành vi hiển thị mặc định của trình duyệt (block-level element với margin). 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <h1> <h2> <h3> <title> Câu hỏi kiểm tra hiểu biết về hệ thống cấp độ tiêu đề trong HTML (` ` đến ` `) và cách chọn thẻ phù hợp với mức độ quan trọng/kích thước. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <sub> <sup> <s> <small> Câu hỏi kiểm tra khả năng áp dụng thẻ HTML để định dạng ký tự đặc biệt (chỉ số dưới) trong một ngữ cảnh cụ thể (công thức hóa học). 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <b> <i> <strong> <em> Câu hỏi phân biệt giữa định dạng trực quan (``) và định dạng ngữ nghĩa (``) trong HTML, nhấn mạnh tầm quan trọng của việc sử dụng thẻ phù hợp với mục đích nội dung. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <p> <br> <hr> <div> Câu hỏi kiểm tra kiến thức về thẻ HTML dùng để ngắt dòng đơn thuần, khác với việc tạo đoạn văn bản mới. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? text-color: blue; font-color: blue; style: color blue; color: blue; Câu hỏi kiểm tra cách áp dụng CSS inline style để thay đổi màu chữ. 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <p style="font: Arial;">Xin chào!</p> <p style="font-type: Arial;">Xin chào!</p> <p style="font-family: Arial;">Xin chào!</p> <p font-family="Arial">Xin chào!</p> Câu hỏi kiểm tra cách sử dụng thuộc tính CSS `font-family` trong inline style để đặt kiểu phông chữ. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? text-align: right; align: right; text-justify: right; float: right; Câu hỏi kiểm tra kiến thức về thuộc tính CSS dùng để căn chỉnh vị trí ngang của văn bản. 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <code><div></code> dùng cho văn bản, <code><span></code> dùng cho hình ảnh. <code><div></code> là phần tử rỗng, <code><span></code> chứa nội dung. <code><span></code> luôn bắt đầu trên dòng mới, <code><div></code> không. <code><div></code> là phần tử khối (block-level), <code><span></code> là phần tử nội dòng (inline-level). Câu hỏi yêu cầu phân tích sự khác biệt giữa hai loại phần tử HTML phổ biến (block-level vs. inline-level) và cách chúng ảnh hưởng đến bố cục mặc định. 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <p style="font-style: italic; text-decoration: underline;">Văn bản này</p> <p style="font-style: italic; text-decoration: underline;">Văn bản này</p> <p style="italic, underline;">Văn bản này</p> <p style="font-style=italic, text-decoration=underline;">Văn bản này</p> Câu hỏi kiểm tra khả năng kết hợp nhiều thuộc tính CSS trong cùng một inline style. 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Chữ 'một' sẽ có màu đỏ, các phần còn lại của đoạn văn bản giữ màu mặc định. Toàn bộ đoạn văn bản sẽ có màu đỏ. Chữ 'một' sẽ bị gạch chân. Đoạn văn bản sẽ bị ngắt dòng sau từ 'một'. Câu hỏi yêu cầu phân tích tác dụng của thẻ `` kết hợp với inline style để áp dụng định dạng cho một phần cụ thể của văn bản. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? color font-color background-color text-background Câu hỏi kiểm tra kiến thức về thuộc tính CSS dùng để thiết lập màu nền của một phần tử. 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Kích thước mặc định của `<h2>` và màu xanh dương. Kích thước 24px và màu mặc định. Kích thước mặc định của `<h2>` và màu xanh lá cây. Kích thước 24px và màu xanh lá cây. Câu hỏi yêu cầu phân tích và kết hợp hiệu quả của hai thuộc tính CSS khác nhau (kích thước chữ và màu sắc) được áp dụng đồng thời thông qua inline style. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Đơn vị đo tuyệt đối dựa trên điểm ảnh trên màn hình. Đơn vị đo tương đối dựa trên kích thước phông chữ gốc. Đơn vị đo tương đối dựa trên chiều rộng của phần tử cha. Đơn vị đo tương đối dựa trên chiều cao của một ký tự 'x'. Câu hỏi kiểm tra kiến thức về các đơn vị đo kích thước chữ phổ biến trong CSS, cụ thể là pixel. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? text-decoration: underline; text-decoration: overline; text-decoration: line-through; text-decoration: none; Câu hỏi kiểm tra kiến thức về các giá trị khác nhau của thuộc tính `text-decoration` để tạo hiệu ứng gạch ngang. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Tạo một đoạn văn bản mới. Chèn một hình ảnh. Tạo một liên kết. Tạo một đường kẻ ngang phân cách nội dung. Câu hỏi kiểm tra chức năng của thẻ HTML dùng để tạo đường kẻ phân cách nội dung. 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? font-family: Times New Roman and Serif; font-family: 'Times New Roman', Serif; font-family: Times New Roman or Serif; font-family: (Times New Roman) (Serif); Câu hỏi kiểm tra cách chỉ định danh sách phông chữ ưu tiên trong thuộc tính `font-family` để đảm bảo hiển thị dự phòng khi phông chữ chính không có sẵn. 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Căn lề trái. Căn lề phải. Căn giữa. Căn đều hai bên. Câu hỏi yêu cầu phân tích hiệu quả của thuộc tính `text-align: center;` khi áp dụng cho một đoạn văn bản. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? <sup> <sub> <big> <mark> Câu hỏi kiểm tra khả năng áp dụng thẻ HTML để định dạng ký tự đặc biệt (chỉ số trên) trong một ngữ cảnh cụ thể (công thức toán học). Đây là ứng dụng tương tự Câu 3 nhưng với chỉ số trên. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Thay đổi kiểu phông chữ (ví dụ: Arial, Times New Roman). Điều chỉnh độ đậm của chữ (ví dụ: normal, bold). Thay đổi kích thước chữ. Thiết lập khoảng cách giữa các dòng. Câu hỏi kiểm tra kiến thức về thuộc tính CSS dùng để điều chỉnh độ đậm/nhạt của phông chữ. 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Sử dụng thẻ `<div>` quanh từ đó. Sử dụng thẻ `<p>` quanh từ đó. Sử dụng thẻ `<hr>` trước và sau từ đó. Sử dụng thẻ `<span>` hoặc `<strong>` quanh từ đó. Câu hỏi yêu cầu chọn phương pháp định dạng inline (không ngắt dòng) phù hợp để in đậm một phần của văn bản. 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Khoảng cách giữa 'Đoạn 1' và 'Đoạn 2' sẽ lớn hơn do thẻ `<p>` tạo một đoạn văn bản mới. Khoảng cách giữa 'Đoạn 2' và 'Đoạn 3' sẽ lớn hơn do thẻ `<br>` tạo một đoạn văn bản mới. Khoảng cách giữa cả hai cặp đoạn là như nhau. Không có khoảng cách nào giữa các đoạn. Câu hỏi yêu cầu phân tích sự khác biệt về khoảng cách tạo ra bởi thẻ ` ` (tạo đoạn mới với margin mặc định) và thẻ ` ` (chỉ ngắt dòng đơn thuần). 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Làm cho văn bản trở nên trong suốt. Loại bỏ các đường trang trí văn bản mặc định, ví dụ: gạch chân của liên kết. Thêm đường viền xung quanh văn bản. In đậm văn bản. Câu hỏi kiểm tra ứng dụng phổ biến của `text-decoration: none;`, đặc biệt trong việc loại bỏ định dạng mặc định của liên kết. 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 8: Định dạng văn bản Tags: Bộ đề 10 Câu 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào? Đặt mã CSS như sau trong thẻ `<head>`: `<style> p { color: blue; } </style>` Đặt mã CSS như sau trong thẻ `<body>`: `<style> p { color: blue; } </style>` Thêm thuộc tính `style="color: blue;"` vào thẻ `<body>`. Tạo một tệp CSS riêng và liên kết nó. Câu hỏi giới thiệu khái niệm cơ bản về CSS nội bộ (` Xem kết quả Bạn ơi!!! Để xem được kết quả bạn vui lòng làm nhiệm vụ nhỏ xíu này nha Nhận kết quả Xảy ra lỗi Bước 1: Vào google.com rồi gõ từ khóa: Copy nhanh Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé Bước 3: Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã: Nếu tìm không thấy mã bạn có thể Đổi nhiệm vụ để lấy mã khác. Câu hỏi kiểm tra kiến thức về các thẻ HTML ngữ nghĩa đặc biệt, cụ thể là thẻ dùng cho trích dẫn dài (` `), và cách nó ảnh hưởng đến định dạng mặc định. Đề trắc nghiệm liên quan: Đề Trắc nghiệm Tin học 12 – Bài 26: Làm quen với Khoa học dữ liệu (Kết Nối Tri Thức) Đề Trắc nghiệm Tin học 12 – Bài 5: Thực hành chia sẻ tài nguyên trên mạng (Kết Nối Tri Thức) Đề Trắc nghiệm Tin học 12 – Bài 1: Làm quen với Trí tuệ nhân tạo (Kết Nối Tri Thức) Đề Trắc nghiệm Tin học 12 – Bài 25: Xây dựng phần thân và chân trang web (Kết Nối Tri Thức) Đề Trắc nghiệm Tin học 12 – Bài 2: Trí tuệ nhân tạo trong khoa học và đời sống (Kết Nối Tri Thức) Danh mục Trắc Nghiệm Môn Tin Học 12 - Kết Nối Tri Thức

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

` được quy định cho tiêu đề cấp cao nhất.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`) nhưng vẫn lớn hơn văn bản thông thường. Thẻ HTML nào trong nhóm tiêu đề (``) là lựa chọn hợp lý?

` đến `

` được sử dụng để tạo cấu trúc phân cấp cho nội dung. `

` là lớn nhất, sau đó giảm dần đến `

`. Để tạo tiêu đề phụ nhỏ hơn `

`, các thẻ từ `

` đến `

` đều có thể sử dụng, tùy thuộc vào cấp độ phụ mong muốn. `

` thường được dùng cho cấp độ phụ lớn nhất ngay dưới tiêu đề chính.

`) trên trang web của mình bằng cách sử dụng CSS nội bộ. Đoạn mã CSS nào sau đây là đúng?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`) trên trang?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

đến

được thiết kế để định dạng các cấp độ tiêu đề, giúp trình bày cấu trúc phân cấp của văn bản và có ý nghĩa quan trọng đối với SEO và khả năng đọc hiểu của trình duyệt/người dùng khi sử dụng công cụ hỗ trợ.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

đại diện cho tiêu đề quan trọng nhất (cấp 1) trong cấu trúc tài liệu.

` thành màu xanh dương sử dụng inline style. Cú pháp đúng trong thẻ `

` là gì?

Tiêu đề

` và có khoảng cách giữa chúng?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

` và ` ` đều là các phần tử khối (block-level elements). Các phần tử khối luôn bắt đầu trên một dòng mới và thường có lề (margin) trên và dưới mặc định, tạo ra khoảng cách giữa chúng.

` được sử dụng để đánh dấu tiêu đề cấp độ cao nhất, thường là tiêu đề chính của trang hoặc phần quan trọng nhất, mang ý nghĩa ngữ nghĩa quan trọng cho cấu trúc tài liệu.

Tiêu đề

` và ` ` đều là các phần tử khối mặc định. `

` tạo ra một khối tiêu đề, và mỗi thẻ ` ` tạo ra một khối đoạn văn bản riêng biệt. Do đó, có tổng cộng 3 phần tử khối (`

`, ` `, ` `).

` đến `

`) là lựa chọn phù hợp nếu `

` đã được dùng cho tiêu đề chính và bạn muốn tiêu đề phụ này nhỏ hơn tiêu đề chính nhưng vẫn nổi bật hơn văn bản thông thường?

` đến `

` biểu thị cấp độ quan trọng và kích thước giảm dần. Sau `

` (quan trọng nhất), `

` là cấp độ tiếp theo, phù hợp cho tiêu đề phụ lớn, tiếp theo là `

`, v.v.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Tiêu đề chính

Tiêu đề phụ

` cho tiêu đề chính, trình duyệt mặc định sẽ hiển thị văn bản bên trong thẻ này với kích thước và độ đậm lớn hơn so với văn bản thông thường. Điều này là do đâu?

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

` đến `

` trong HTML được sử dụng để định dạng các tiêu đề. Sự khác biệt chính giữa chúng là gì?

` đến `

` biểu thị các cấp độ tiêu đề khác nhau, với `

` là quan trọng nhất (lớn nhất) và `

` là ít quan trọng nhất (nhỏ nhất).

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

` cho tiêu đề chính (quan trọng nhất, lớn nhất), `

` (hoặc `

`, v.v.) cho tiêu đề phụ (ít quan trọng hơn, nhỏ hơn), và ` ` cho các đoạn văn bản thông thường.

được quy định trong HTML để đánh dấu tiêu đề cấp cao nhất, thường là tiêu đề chính của trang hoặc phần nội dung quan trọng nhất. Các thẻ từ

đến

dùng cho các cấp tiêu đề phụ nhỏ hơn.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

` đến `

`) và cách chọn thẻ phù hợp với mức độ quan trọng/kích thước.

Bạn ơi!!! Để xem được kết quảbạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Đề trắc nghiệm liên quan:

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

` và `

` đều là các phần tử khối (block-level elements). Các phần tử khối luôn bắt đầu trên một dòng mới và thường có lề (margin) trên và dưới mặc định, tạo ra khoảng cách giữa chúng.

` và `

` đều là các phần tử khối mặc định. `

` tạo ra một khối tiêu đề, và mỗi thẻ `

` tạo ra một khối đoạn văn bản riêng biệt. Do đó, có tổng cộng 3 phần tử khối (`

`, `

`, `

`).

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

`, v.v.) cho tiêu đề phụ (ít quan trọng hơn, nhỏ hơn), và `

` cho các đoạn văn bản thông thường.

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha

Bạn ơi!!! Để xem được kết quả
bạn vui lòng làm nhiệm vụ nhỏ xíu này nha