12_Lesson9.kntt

​1. Tạo danh sách

a. Danh sách có thứ tự

-Cấu trúc đoạn mã HTML:
<ol type="Kiểu số thứ tự" start="Giá trị bắt đầu">

<li>Mục 1</li>

<li>Mục 2</li>

<li>Mục 3</li>

</ol>

​1. Tạo danh sách

a. Danh sách có thứ tự

Sử dụng cặp thẻ <ol></ol> (ordered list) để chọn kiểu đánh thứ tự và giá trị bắt đầu. Sử dụng hai thuộc tính sau:

• type: xác định kiểu đánh số. Các kiểu đánh số: "1", "A", "a", "I" và "i".

• start: xác định kiểu giá trị bắt đầu đánh số, nhận giá trị là các số thực.

​1. Tạo danh sách

b. Danh sách không có thứ tự

<ul style="list-style-type: square;">

<li>Mục 1</li>

<li>Mục 2</li>

<li>Mục 3</li>

</ul>

​1. Tạo danh sách

b. Danh sách không có thứ tự

Sử dụng cặp thẻ <ul> </ul> (unordered list) để tạo danh sách không có thứ tự.

• Dùng thuộc tính style với giá trị list-style-type để định dạng kí tự đầu dòng:

  • disc: Dấu chấm (mặc định).

  • circle: Vòng tròn rỗng.

  • square: Hình vuông.

  • none: Không hiển thị kí tự đầu dòng.

​1. Tạo danh sách

c. Danh sách mô tả

-Dùng để liệt kê các mục kèm theo mô tả từng mục.
Sử dụng cặp thẻ <dl></dl> (description list) để tạo danh sách mô tả.

• <dt>: Định nghĩa tên hoặc tiêu đề của mục.

• <dd>: Mô tả nội dung chi tiết.

​1. Tạo danh sách

d. Danh sách lòng vào nhau

Tạo danh sách lồng bằng cách chèn danh sách con vào một mục trong danh sách chính.

Multiple Choice

Thẻ nào sau đây dùng để định nghĩa danh sách có thứ tự?

• <dl>

• <ul>

• <li>

• <ol>

Multiple Choice

Thẻ nào sau đây tạo ra danh sách không có kí tự đặc biệt ở đầu nội dung?

• <dt>

• <ul>

• <dl>

• <ol>

Multiple Choice

Thẻ HTML nào dùng để tạo danh sách có thứ tự?

• <ul>

• <ol>

• <dl>

• <li>

Multiple Choice

Thuộc tính nào dùng để xác định kiểu đánh số trong danh sách có thứ tự?

• style

• start

• type

• list-style

Multiple Choice

Giá trị nào của thuộc tính type tạo danh sách số La Mã in hoa?

• "1"

• "i"

• "I"

• "A"

Multiple Choice

Thẻ HTML nào dùng để tạo danh sách không có thứ tự?

• <ul>

• <ol>

• <dl>

• <li>

Multiple Choice

Thuộc tính nào dùng để thay đổi kiểu đầu dòng trong danh sách không có thứ tự?

• type

• start

• list-style

• list-style-type

Multiple Choice

Thẻ HTML nào dùng để định nghĩa một mục trong danh sách mô tả?

• <li>

• <dd>

• <dt>

• <dl>

Multiple Choice

Giá trị nào của list-style-type tạo đầu dòng hình vuông?

• disc

• circle

• square

• none

Multiple Choice

Để tạo danh sách lồng nhau, cần làm gì?

• Dùng thẻ <ol> bên trong thẻ <ul>

• Đặt danh sách con làm một mục của danh sách chính

• Kết hợp cả <ul> và <ol> trong cùng danh sách

• Thêm thuộc tính nested vào thẻ danh sách

Multiple Choice

Danh sách có thứ tự trong HTML sử dụng thuộc tính nào để bắt đầu từ một số cụ thể?

• type

• style

• start

• order

Multiple Choice

Khi sử dụng danh sách không có thứ tự, giá trị mặc định của thuộc tính list-style-type là gì?

• disc

• square

• circle

• none

Multiple Choice

Thẻ HTML nào không thể sử dụng để tạo danh sách?

• <ol>

• <dl>

• <ul>

• <span>

Multiple Choice

Giá trị "a" của thuộc tính type trong danh sách có thứ tự tạo ra kiểu đánh số nào?

• Chữ cái in hoa

• Chữ cái thường

• Số La Mã thường

• Số tự nhiên

Multiple Choice

Danh sách mô tả sử dụng cặp thẻ nào để định nghĩa tên và mô tả?

• <li> và <dt>

• <dl> và <li>

• <dt> và <dd>

• <ul> và <dd>

Multiple Choice

Danh sách nào dưới đây phù hợp để mô tả các thuật ngữ và định nghĩa?

• <ul>

• <ol>

• <dl>

• <li>

Multiple Choice

Thuộc tính nào dưới đây không áp dụng cho danh sách có thứ tự?

• type

• start

• list-style-type

• value

Multiple Choice

Thẻ <li> được sử dụng trong loại danh sách nào?

• <ul>

• <ol> và <dl>

• <ul> và <ol>

• <dl>

​2.  Thiết lập bảng

Bảng tạo từ các hàng, mỗi hàng gồm các ô dữ liệu.

Hàng đầu tiên là hàng tiêu đề của bảng.

Các thành phần cơ bản

• <table>: Thẻ dùng để bắt đầu và kết thúc bảng.

• <tr>: Thẻ dùng để tạo các hàng trong bảng.

• <td>: Thẻ dùng để tạo các ô dữ liệu trong hàng.

• <th>: Thẻ dùng để tạo các ô tiêu đề, thường ở hàng đầu tiên.

• <caption>: Thẻ để thêm tiêu đề bảng, đặt ngay sau thẻ <table> và trước thẻ <tr>

​2.  Thiết lập bảng

​2.  Thiết lập bảng

​Bảng này có các đặc điểm:

1. Khung bảng (border): Viền của bảng dày 1px.

2. Chiều rộng (width): 80% chiều rộng hiển thị.

3. Chiều cao (height): 400px.

4. Tiêu đề bảng: "Bảng Thống Kê" hiển thị phía trên bảng (sử dụng <caption>).

5. Hàng đầu tiên (tiêu đề): Sử dụng <th> với nội dung "Tiêu đề 1", "Tiêu đề 2", "Tiêu đề 3".

6. Hàng dữ liệu: Nội dung là "Dữ liệu 1", "Dữ liệu 2", "Dữ liệu 3".

​2.  Thiết lập bảng

​2.  Thiết lập bảng

Các thuộc tính định dạng

• border: Tạo khung cho bảng.

  • Ví dụ: border:2px solid black; (khung dày 2px, viền đen).

• width và height: Điều chỉnh kích thước của bảng hoặc ô dữ liệu.

  • Ví dụ: <table style="width:100%; height:300px;">

• style: Định dạng cho hàng hoặc ô.

  • Ví dụ: <tr style="height:20%; background-color:lightblue;">

​2.  Thiết lập bảng

Sử dụng thuộc tính rowspan (cho hàng) hoặc colspan (cho cột) để gộp ô.

Multiple Choice

Đơn vị nào sau đây nên được dùng cho bảng?

• px.

• %.

• cm.

• em.

Multiple Choice

Độ dày của viền bảng được tính theo đơn vị nào sau đây?

• mm.

• cm.

• px.

• %.

Multiple Choice

Thẻ nào được dùng để tạo bảng trong HTML?

• <td>

• <table>

• <tr>

• <th>

Multiple Choice

Thẻ nào dùng để tạo hàng trong bảng HTML?

• <td>

• <table>

• <tr>

• <th>

Multiple Choice

Thuộc tính nào dùng để gộp nhiều hàng trong một ô?

• merge

• colspan

• rowspan

• align

Multiple Choice

Thuộc tính nào giúp điều chỉnh chiều rộng của bảng HTML?

• height

• rowspan

• width

• border

Multiple Choice

Thẻ nào trong HTML được sử dụng để thêm tiêu đề cho bảng?

• <caption>

• <th>

• <header>

• <title>

Multiple Choice

Thẻ <caption> trong bảng HTML có vai trò gì?

• Định nghĩa hàng trong bảng

• Gộp các ô trong bảng

• Thêm tiêu đề cho bảng

• Thay đổi kiểu viền bảng

Multiple Choice

Khi sử dụng thuộc tính colspan="3" trong thẻ <td>, điều này có nghĩa gì?

• Ô dữ liệu này kéo dài 3 cột

• Ô dữ liệu này kéo dài 3 hàng

• Ô dữ liệu này có chiều cao gấp 3 lần

• Ô dữ liệu này có chiều rộng bằng 30% bảng

Multiple Choice

Thuộc tính rowspan thường được sử dụng trong thẻ nào của bảng HTML?

• <tr>

• <td>

• <th>

• <table>

Multiple Choice

Nếu muốn định nghĩa một hàng trong bảng có chiều cao cố định, nên dùng thuộc tính nào?

• rowspan

• height

• width

• border

Multiple Choice

Thuộc tính nào sau đây giúp thay đổi kiểu đường viền của bảng HTML?

• colspan

• rowspan

• border

• style

Multiple Choice

Khi đặt thẻ <th> trong bảng HTML, điều gì sẽ xảy ra với nội dung?

• Nội dung được căn trái

• Nội dung được căn giữa và in đậm

• Nội dung được căn phải và in nghiêng

• Nội dung không thay đổi định dạng

Multiple Choice

Thẻ <tr> trong bảng HTML được sử dụng để làm gì?

• Tạo một cột trong bảng

• Tạo một hàng trong bảng

• Tạo một ô trong bảng

• Tạo tiêu đề cho bảng

Multiple Choice

Nếu muốn bảng HTML chiếm 70% chiều rộng của trang, cần sử dụng cách nào?

• <table >

• <table width="70%;">

• <table style=''width:70%;">

• <table height="70%;">

Multiple Choice

Bạn cần tạo một bảng có 2 hàng và 3 cột, trong đó ô đầu tiên của hàng thứ hai gộp cả 3 cột. Cách nào là đúng?

• Sử dụng rowspan="3" trong thẻ <td> ở hàng đầu tiên

• Sử dụng colspan="3" trong thẻ <td> ở hàng thứ hai

• Sử dụng colspan="2" trong thẻ <td> ở hàng đầu tiên

• Sử dụng rowspan="2" trong thẻ <td> ở hàng thứ hai

Multiple Choice

Làm thế nào để thêm viền màu đỏ, dày 2px cho bảng HTML?

• <table border="2px red">

• <table style="border: 2px solid red;">

• <table style="border-color: red; thickness: 2px;">

• <table border-style="solid" border-width="2px" border-color="red">

Multiple Choice

Một bảng HTML được yêu cầu có hàng tiêu đề với nội dung căn giữa, in đậm. Thẻ nào nên được sử dụng?

• <td> với thuộc tính style="text-align: center; font-weight: bold;"

• <tr> với thuộc tính style="font-weight: bold;"

• <th>

• <caption>

Multiple Choice

Bạn cần tạo một bảng HTML với hàng đầu tiên là tiêu đề và tiêu đề bảng là "Thống Kê". Câu lệnh đúng là gì?

• Đặt <caption> trước hàng đầu tiên và sử dụng <th> cho tiêu đề

• Đặt <caption> ở cuối bảng và sử dụng <th> cho tiêu đề

• Sử dụng <td> thay cho <th> để tạo tiêu đề bảng

• Không cần sử dụng <caption> vì tiêu đề bảng có thể được thêm bằng <th>

Multiple Choice

Một bảng HTML có yêu cầu: hàng thứ hai có chiều cao bằng 30% tổng chiều cao bảng. Làm thế nào để thực hiện?

• <tr style="height:30%;">

• <td style="height:30%;">

• <table style="row-height:30%;">

• <th style="height:30%;">