Nhà trường muốn đưa thông tin các câu lạc bộ ngoại khoá

Đề bài

Nhà trường muốn đưa thông tin các câu lạc bộ ngoại khoá lên website để học sinh có thể tham khảo như sau:

Trong đó, mỗi câu lạc bộ sẽ được liên kết với website tương ứng. Chú ý, liên kết khôn để gạch chân (chỉ gạch chân khi di chuột vào nội dung danh mục tương ứng).

Nhà trường đã yêu cầu thành viên Câu lạc bộ Truyền thông hỗ trợ viết mã lệnh HTN tương ứng. Các thành viên sau khi phân tích nội dung đã có những phát biểu như sau:

1. Sử dụng thẻ danh sách <ul> để liệt kê các câu lạc bộ.

2. Đoạn mã lệnh HTML sau đây sẽ hiển thị danh sách các câu lạc bộ theo yêu cầu.<ul><a href="bongdphuongAn__a.html"><li>Bóng đá</li></a><a href="bongchuyen.html"><li>Bóng chuyền</li></a><a href="bongro.html"><li>Bóng rổ</li></a></ul>

3. Để định dạng các liên kết không có gạch chân và khi di chuột vào mới xuất higạch chân thì sử dụng mã lệnh CSS sau:a:link {text-decoration: none;}a:hover {text-decoration: underline;}

4. Để bo tròn hình ảnh mà không cần sử dụng các phần mềm chỉnh sửa ảnh, sử dụmã lệnh CSS sau:img {image-border: ellipse;}

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

Xem lời giải

Lời giải chi tiết

Phân tích từng phát biểu để tìm ra các mệnh đề đúng và sai:

Sử dụng thẻ danh sách <ul> để liệt kê các câu lạc bộ.
Đây là mệnh đề đúng. Thẻ <ul> được dùng để tạo danh sách không có thứ tự, phù hợp với danh sách câu lạc bộ.
Đoạn mã lệnh HTML sau đây sẽ hiển thị danh sách các câu lạc bộ theo yêu cầu.
Đây là mệnh đề sai. <a> không nằm bên trong <li>. Đúng cú pháp phải là:
```
<ul>
    <li><a href="bongda.html">Bóng đá</a></li>
    <li><a href="bongchuyen.html">Bóng chuyền</a></li>
    <li><a href="bongro.html">Bóng rổ</a></li>
</ul>
```
Để định dạng các liên kết không có gạch chân và khi di chuột vào mới xuất hiện gạch chân thì sử dụng mã lệnh CSS sau:
Mã CSS này hoàn toàn đúng. Sử dụng a:link để định dạng liên kết bình thường và a:hover để định dạng khi di chuột vào.
Để bo tròn hình ảnh mà không cần sử dụng các phần mềm chỉnh sửa ảnh, sử dụng mã lệnh CSS sau:
Mệnh đề này sai. Cú pháp đúng là sử dụng thuộc tính border-radius để bo tròn hình ảnh:
```
img {
    border-radius: 50%;
}
```

Chú ý khi giải

Lưu ý không sử dụng thẻ <a> trực tiếp bọc xung quanh <li>. Thẻ <a> nên nằm bên trong <li> để đúng cú pháp.
Sử dụng border-radius: 50%; để bo tròn hình ảnh thay vì image-border: ellipse;, vì cú pháp này sai.
Kiểm tra kỹ cú pháp HTML và CSS trước khi triển khai để tránh lỗi không mong muốn.

Đang Quan Tâm