Up5me
Trang chủ > Câu hỏi lẻ > zZdNDNahXtXk

Đề bài

Căng tin của nhà trường muốn đưa thông tin về thực đơn của quán lên website v giao diện như sau đây. Nhà trường đã yêu cầu thành viên của Câu lạc bộ Code4Love hỗ trợ.


Các thành viên của câu lạc bộ sau khi nghiên cứu thực đơn đã có các phát biểu sau đây:

1. Để hiển thị nội dung thực đơn trên, cần sử dụng một bảng không có biên bao gồm 4 ô có cấu trúc như sau:<table><tr><td>{Nội dung ô 1}</td><td>{Nội dung ô 2}</td></tr> <tr><td>{Nội dung ô 3}</td><td>{Nội dung ô 4}</td></tr></table>
2. Hình ảnh từ file cafe.jpg được đặt trong ô 1, sử dụng đoạn mã lệnh HTML như sau: <td width="300px"> <img src="cafe.jpg"> </td>
3. Danh sách đồ uống CAFÉ được đặt trong ô 2, sử dụng đoạn mã lệnh HTMLnhư sau:<td> <b>CAFÉ</b><ul type="square"><li>Capuchino: 50K <li>Socola: 40K<li>Matcha: 50K</ul></td>
4. Danh sách thực đơn NƯỚC ÉP được đặt trong ô 3, sử dụng đoạn mã lệnh HTMLnhư sau:<td> <b>NƯỚC ÉP</b><ol type="circle"> <li> Chanh leo: 59K <li> Nước dứa: 59K <li> Nước cam: 49K</ol></td>
Đáp án đúng: 1Đ, 2Đ, 3S, 4S

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Phân tích đề bài:

Đề bài yêu cầu xác định xem 4 phát biểu của các thành viên trong câu lạc bộ Code4Love có đúng hay không. Ta sẽ đi phân tích từng phát biểu:

1. Phát biểu 1:
"Để hiển thị nội dung thực đơn trên, cần sử dụng một bảng không có biên bao gồm 4 ô..."

- Đây là một cách hợp lý để tạo bố cục cho hình và danh sách, sử dụng bảng không có biên để giữ cho nội dung được căn chỉnh theo từng ô.

2. Phát biểu 2:
"Hình ảnh từ file cafe.jpg được đặt trong ô 1..."

- Việc sử dụng thẻ <img> với thuộc tính src là cách chuẩn để chèn hình ảnh vào HTML. Tuy nhiên, cần thêm thuộc tính alt để bổ sung mô tả hình ảnh cho các trình đọc màn hình.

3. Phát biểu 3:
"Danh sách đồ uống CAFÉ được đặt trong ô 2..."

- Thẻ <ul> được sử dụng đúng để tạo danh sách. Thuộc tính type="square" là cách tùy chỉnh kiểu gạch đầu dòng.

4. Phát biểu 4:
"Danh sách thực đơn NƯỚC ÉP được đặt trong ô 3..."

- Danh sách <ol> là danh sách có thứ tự, do đó không phù hợp với mục đích đề bài (vì danh mục thực đơn không có thứ tự ưu tiên). Đồng thời, giá tiền trong phát biểu là "59K," không khớp với thực đơn đã cho ("50K, 50K và 40K").

Kết luận:

  • Phát biểu 1: Đúng.
  • Phát biểu 2: Đúng nhưng cần bổ sung thẻ alt cho <img>.
  • Phát biểu 3: Đúng.
  • Phát biểu 4: Sai (sai về hình thức danh sách và giá tiền không đúng).

Chú ý khi giải

  • Nhớ sử dụng thẻ <img> với thuộc tính alt để cải thiện khả năng truy cập cho hình ảnh.
  • Kiểm tra kỹ nội dung trước khi chèn vào HTML để đảm bảo không có sai sót về thông tin (ví dụ giá tiền).
  • Sử dụng thẻ <ul> nếu danh sách không cần thứ tự ưu tiên.