K12 - Cd D - Bai 2

​ĐỊNH DẠNG VĂN BẢN VÀ TẠO SIÊU LIÊN KẾT

By Bùi Đăng Trung

Nhận biết (10 câu)

Multiple Choice

Phần tử nào trong HTML dùng để tạo một đoạn văn bản?

• <h1>

• <p>

• <div>

• <b>

Multiple Choice

Cặp thẻ <h1> và </h1> được sử dụng để:

• Định dạng văn bản in nghiêng

• Đánh dấu đoạn văn

• Tạo tiêu đề lớn nhất

• Tạo liên kết đến trang khác

Multiple Choice

Phần tử <em> trong HTML dùng để:

• Làm chữ in đậm

• Làm chữ nghiêng

• Làm chữ gạch chân

• Tạo liên kết

Multiple Choice

Trong HTML, phần tử <mark> có tác dụng:

• Đặt tiêu đề

• Gạch chân

• Tăng kích cỡ chữ

• Tô nền vàng nổi bật

Multiple Choice

Thẻ nào dùng để tạo siêu liên kết?

• <a>

• <link>

• <href>

• <connect>

Multiple Choice

Thuộc tính href của phần tử <a> có ý nghĩa là:

• Đặt tên cho liên kết

• Xác định địa chỉ tài nguyên cần liên kết

• Định dạng màu liên kết

• Tạo tiêu đề cho liên kết

Multiple Choice

Khi khai báo siêu liên kết đến một trang web ngoài, cú pháp đúng là:

• <a ref="https://w3schools.com">Link</a>

• 
  <a href="w3schools.com">Link</a>

• 
  <a src="https://w3schools.com">Link</a>

• 
  <a href="https://w3schools.com">Link</a>

Multiple Choice

Phần tử <h3> dùng để tạo tiêu đề:

• Lớn hơn <h1>

• Nhỏ nhất

• Nhỏ hơn <h1> và lớn hơn <h6>

• Không khác biệt với <h1>

Multiple Choice

Trong HTML, phần tử nào giúp tách nội dung ra thành từng đoạn?

• <p>

• <br>

• <h1>

• <div>

Multiple Choice

Phần tử nào không cần thẻ đóng trong HTML?

• <p>

• <em>

• <img>

• <h1>

Thông hiểu (10 câu)

Multiple Choice

HTML chia văn bản thành các đoạn bằng phần tử <p> để:

• Tăng kích thước chữ

• Làm nổi bật tiêu đề

• Tạo danh sách

•  Giúp văn bản rõ ràng, dễ đọc

Multiple Choice

Khi dùng phần tử <strong>, văn bản sẽ hiển thị:

• Gạch chân

• In nghiêng

• In đậm

• In nhỏ

Multiple Choice

Tại sao cần sử dụng các cấp tiêu đề <h1> đến <h6>?

• Để phân cấp nội dung văn bản rõ ràng

• Để thay đổi màu sắc văn bản

• Để đánh số tự động

• Để tạo liên kết

Multiple Choice

Thẻ <a href="#Topic1">Chủ đề 1</a> có ý nghĩa gì?

• Liên kết đến một trang web khác

• Liên kết đến phần tử có id=“Topic1” trong cùng trang

• Liên kết đến thư mục “Topic1”

• Liên kết đến tệp có tên “Topic1.html”

Multiple Choice

Khi dùng thẻ <mark>, trình duyệt sẽ hiển thị phần văn bản được:

• In nghiêng

• In đậm

• Có nền vàng

• Có gạch chân

Multiple Choice

Cú pháp <a href="hobbies.html">Sở thích</a> thể hiện:

• Liên kết giữa hai trang web trong cùng thư mục

• Liên kết đến một phần tử trong cùng trang

• Liên kết ngoài Internet

• Liên kết đến file ảnh

Multiple Choice

Phần tử <h1> và <p> khác nhau chủ yếu ở chỗ:

• <p> tạo tiêu đề, <h1> tạo đoạn văn

• <h1> tạo tiêu đề lớn, <p> tạo đoạn văn

• Cả hai đều giống nhau

• <p> không cần thẻ đóng

Multiple Choice

Nếu cần văn bản có nền màu vàng và in nghiêng, ta nên kết hợp:

• <mark> và <strong>

• <p> và <b>

• <mark> và <em>

• <h2> và <i>

Multiple Choice

Để liên kết đến phần “Thông tin liên hệ” trong cùng trang, cần:

• Dùng thẻ <a href="contact.html">

• Dùng thẻ <a href="#contact"> và gán id="contact" cho phần đó

• Dùng thẻ <a src="contact.html">

• Dùng thẻ <link>

Multiple Choice

Khi nhấp vào siêu liên kết trong HTML, trình duyệt sẽ:

• Sao chép văn bản

• Mở file HTML gốc

• Truy cập tài nguyên đích của href

• Thoát trang

Vận dụng (5 câu)

Multiple Choice

Học sinh muốn tạo đoạn giới thiệu bản thân có dòng in đậm “Họ tên: …”, in nghiêng “Sở thích: …”, cú pháp đúng là:

• <p><strong>Họ tên:</strong> <em>Sở thích:</em></p>

• <p><b>Họ tên:</b> <i>Sở thích:</i></p>

• <p><mark>Họ tên:</mark> <strong>Sở thích:</strong></p>

• <p><em>Họ tên:</em> <mark>Sở thích:</mark></p>

Multiple Choice

Khi trình duyệt không hiển thị nội dung phần <a> như dự kiến, nguyên nhân thường do:

• Sai cú pháp <a link>

• Dư thẻ đóng

• Thiếu thuộc tính href

• Không có phần tử <p>

Multiple Choice

Một học sinh tạo liên kết <a href="https://moet.gov.vn">Trang chủ Bộ GD&ĐT</a>. Khi nhấp vào, trình duyệt:

• Mở file “moet.gov.vn” trong máy

• Mở website của Bộ GD&ĐT

• Hiển thị lỗi 404

• Không hoạt động

Multiple Choice

Khi khai báo <a href="mailto:[e-mail]">Liên hệ</a>, liên kết này sẽ:

• Mở hộp thư điện tử để gửi email

• Mở trang chủ

• Mở ảnh

• Không hợp lệ

Multiple Choice

Trong một trang web, phần tử <a href="#top">Lên đầu trang</a> có chức năng:

• Mở trang mới

• Tạo đoạn văn mới

• Cuộn trang lên vị trí có id="top"

• Chèn ảnh

ĐÚNG SAI (5 câu)

Multiple Select

Bạn An đang học cách tạo tiêu đề trang web. An viết mã HTML như sau:

<h1>Giới thiệu trường em<h1>

• An đã khai báo đúng cú pháp thẻ tiêu đề.

• Cần thêm thẻ đóng </h1> mới đúng cú pháp.

• Phần tiêu đề này sẽ hiển thị chữ lớn nhất, in đậm.

• An nên dùng thêm thẻ <p> cho đoạn mô tả bên dưới.

Multiple Select

Bạn Bình tạo liên kết: <a href="trangchu.html">Trang chủ</a>.

• Khi nhấp vào, trình duyệt mở file trangchu.html.

• Liên kết này không hợp lệ vì thiếu target.

• Có thể thêm target="_blank" để mở tab mới.

• Nếu file không tồn tại, trình duyệt báo lỗi 404.

Multiple Select

Bạn Chi dùng <em> để nhấn mạnh nội dung.

• <em> dùng để in nghiêng.

• <em> không cần thẻ đóng.

• <strong> và <em> có thể kết hợp.

• <mark> dùng để in nghiêng.

Multiple Select

Bạn Dũng gõ đoạn sau:

<a href="#section1">Phần 1</a>

<h2 id="section1">Giới thiệu</h2>

• Dũng đã tạo liên kết đến phần có id=“section1”.

• Khi nhấp vào, trang cuộn đến “Giới thiệu”.

• Nếu xóa id, liên kết vẫn hoạt động.

• Cú pháp trên chỉ dùng được trong cùng trang.

Multiple Select

Bạn Hoa dùng <mark> để tô đậm chữ.

• <mark> chỉ tạo nền vàng, không đổi độ đậm chữ.

• Có thể kết hợp <mark> và <strong>.

• <mark> cần khai báo thuộc tính color.

• <mark> giúp làm nổi bật nội dung quan trọng.