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

Đề bài

Câu lạc bộ F-music của trường muốn đưa một số tệp nhạc lên website. Thành vi của câu lạc bộ đã thiết kế giao diện như hình sau đây.

Với giao diện này, các thành viên của câu lạc bộ đã có một số nhận xét như sau:

1. Sử dụng thuộc tính font-family trong thẻ <body> để đặt font chữ cho toàn bộ nội dung trang web.
2. Đoạn mã sau đây cho phép hiển thị nội dung ngày phát hành như thiết kế: Ngày phát hành: <font color="grey">12/02/2024</font>
3. Để chèn file nhạc thuytrieu.mp3, sử dụng đoạn mã sau: center> <audio controls> <source src="thuytrieu.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <center>
4. Để hiển thị nội dung dòng thứ 2, sử dụng đoạn mã lệnh sau: Tên bài hát: <b style:"background-image: new.jpg">Thuỷ Triều/b>
Đáp án đúng: 1Đ, 2S, 3Đ, 4S

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Hãy cùng phân tích từng nhận xét một để xác định đúng hay sai:

  1. Nhận xét 1: Sử dụng thuộc tính font-family trong thẻ <body> để đặt font chữ cho toàn bộ nội dung trang web.
    Đây là nhận xét đúng. Thuộc tính font-family có thể được sử dụng trong thẻ <body> để áp dụng kiểu chữ cho toàn bộ nội dung của trang web. Ví dụ: <body style="font-family: Arial, sans-serif;">
  2. Nhận xét 2: Đoạn mã sau đây cho phép hiển thị nội dung ngày phát hành như thiết kế: Ngày phát hành: <font color="grey">12/02/2024</font>
    Nhận xét này không hoàn toàn chính xác. Thẻ <font> là một thẻ cũ và không còn được khuyến khích sử dụng trong HTML5. Thay vào đó, nên sử dụng CSS để điều chỉnh màu sắc chữ. Ví dụ: <span style="color: grey;">12/02/2024</span>
  3. Nhận xét 3: Để chèn file nhạc thuytrieu.mp3, sử dụng đoạn mã sau: center> <audio controls> <source src="thuytrieu.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <center>
    Đoạn mã này có một số lỗi về cấu trúc. Cần sửa lại như sau:
    <center><audio controls>
    <source src="thuytrieu.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio></center>

    Nhưng hãy lưu ý rằng thẻ <center> đã lỗi thời và nên sử dụng CSS để căn giữa.
  4. Nhận xét 4: Để hiển thị nội dung dòng thứ 2, sử dụng đoạn mã lệnh sau: Tên bài hát: <b style:"background-image: new.jpg">Thuỷ Triều/b>
    Nhận xét này không chính xác. Có 2 lỗi ở đây:
    • Thuộc tính style cần có dấu "=": style="background-image: url('new.jpg');"
    • Ký tự </b> cần có dấu "/" để kết thúc thẻ.
    Đoạn mã nên sửa lại là: Tên bài hát: <b style="background-image: url('new.jpg');">Thuỷ Triều</b>

Chú ý khi giải

  • Tránh sử dụng các thẻ bị lỗi thời như <font> và <center>; sử dụng CSS để kiểm soát giao diện thay vì HTML cũ.
  • Đảm bảo các thuộc tính và thẻ kết thúc đúng cú pháp.
  • Sử dụng các thuộc tính CSS hiện đại để áp dụng kiểu chữ, căn chỉnh và màu sắc thay vì các thẻ HTML lỗi thời.