Một cô giáo muốn bán lại chiếc máy tính cũ nên cẩn đưa

Đề bài

Một cô giáo muốn bán lại chiếc máy tính cũ nên cẩn đưa thông tin lên website, đã nhờ thành viên của Câu lạc bộ Code4Love hỗ trợ, thông tin như sau:

THÔNG SỐ KĨ THUẬT

Xem cấu hình chi tiết

(Ghi chú: Dòng chữ gạch chân cuối cùng có màu xanh dương)

Sau khi xem xong thông tin, các thành viên Câu lạc bộ Code4Love đã có những tr

đổi với nhau về mã lệnh HTML cho nội dung này như sau:

1. Sử dụng thẻ <th> để hiển thị nội dung phần tiêu đề bảng như dòng

2. Đoạn mã lệnh HTML sao cho phép tạo có 2 dòng 4 cột </tạble> <tr>/td></td> <td> <td> <td></td> <td></td> </tr> <tr>/td></td> <td> <td> <td></td> <td></td> </tr> </table>

3. Để tạo bảng có các ô màu nền như thiết kế, sử dụng mã lệnh HTML như sau:<table><tr style= “background - color:#999999” > <td></td> <td></td> <td></td> <td></td> </tr><tr> <td></td> <td></td> <td></td> <td></td> </tr></table>

4. Để hiển thị nội dung như dòng cuối cùng, sử dụng mã lệnh HTML như sau: <center><a href="chitiet.html">Xem cấu hình chi tiết </a>/center>

Đáp án đúng: 1S, 2Đ, 3Đ, 4Đ

Xem lời giải

Lời giải chi tiết

Phân tích và

Để hiển thị thông tin như yêu cầu trong bài, chúng ta cần làm rõ từng yêu cầu và điều chỉnh mã HTML cho phù hợp:

Sử dụng thẻ <th> cho tiêu đề bảng

Ý kiến này đúng: Thẻ <th> thường được sử dụng để xác định các tiêu đề trong bảng, giúp tăng độ rõ ràng của bảng.

Đoạn mã HTML tạo ra bảng 2 dòng 4 cột:

<table>
  <tr>
    <td>Màn hình</td>
    <td>14.0 inch, 1920 x 1080 Pixels</td>
    <td>RAM</td>
    <td>16 GB, LPDDR5</td>
  </tr>
  <tr>
    <td>CPU</td>
    <td>AMD, Ryzen 5, 7520U</td>
    <td>Ổ cứng</td>
    <td>SSD 512 GB</td>
  </tr>
</table>

Sửa lỗi: Dùng <tr> để bắt đầu một dòng và <td> cho từng ô (cell) trong bảng.

Tạo bảng với màu nền:

<table>
  <tr style="background-color:#999999;">
    <td>Màn hình</td>
    <td>14.0 inch, 1920 x 1080 Pixels</td>
    <td>RAM</td>
    <td>16 GB, LPDDR5</td>
  </tr>
  <tr>
    <td>CPU</td>
    <td>AMD, Ryzen 5, 7520U</td>
    <td>Ổ cứng</td>
    <td>SSD 512 GB</td>
  </tr>
</table>

Chỉnh lại cú pháp: Cần lưu ý các dấu cách trong CSS (không có dấu cách trước hoặc sau dấu gạch ngang).

Hiển thị dòng "Xem cấu hình ":

<a href="chitiet.html" style="color:blue; text-decoration:underline;">Xem cấu hình </a>

Sửa lỗi cú pháp: Thẻ <center> không được khuyến nghị, dùng CSS để căn giữa.

Chú ý khi giải

Thẻ <th> dùng để làm tiêu đề cho các cột hoặc dòng trong bảng.
Trong HTML, cần chú ý cú pháp và cấu trúc của thẻ để đảm bảo đúng định dạng.
Cách tốt nhất để định dạng và căn giữa nội dung là sử dụng CSS thay vì các thẻ HTML không còn được khuyến nghị như <center>.
Luôn kiểm tra lại cú pháp và đảm bảo không có lỗi khoảng trắng trong mã CSS.

Đang Quan Tâm