Đề bài
Một thầy giáo muốn đưa thông tin liên hệ của mình lên website của nhà trường với nội dung và định dạng như sau:
Sau khi xem nội dung, các học sinh đã đưa ra các ý kiến của mình về mã HTML thầy
giáo đã sử dụng đê hiển thị thông tin như trên.
1. Tiêu đề được in hoa, in đậm và gạch chân.
2. Sử dụng thẻ <hr> để hiển thị dòng gạch dưới nội dung tiêu đề "THÔNG TIN LIÊN HE".
3. Đoạn mã sau cho phép căn giữa nội dung dòng tiêu đề "THÔNG TIN LIÊN HÊ"<p text-align="center">THÔNG TIN LIÊN HỆ</p>
4. Để hiển thị nội dung dòng cuối cùng, sử dụng mã lệnh HTML sau: Fax: <b style="color:#999999">02456789/b> Điện thoại: b style="color : #999999"0865.911.136</b>
Đáp án đúng: 1Đ, 2S, 3Đ, 4S
Xem lời giải
Lời giải chi tiết
- Mệnh đề 1: Tiêu đề được in hoa, in đậm và gạch chân.
Đúng. Để thực hiện điều này không đơn thuần chỉ dùng HTML mà cần sử dụng CSS để điều chỉnh chữ in hoa (text-transform: uppercase), in đậm (font-weight: bold) và gạch chân (text-decoration: underline). - Mệnh đề 2: Sử dụng thẻ
<hr>để hiển thị dòng gạch dưới nội dung tiêu đề "THÔNG TIN LIÊN HỆ".
Sai. Thẻ<hr>không làm cho tiêu đề được in đậm và gạch chân. Thẻ này thực tế tạo ra một đường kẻ ngang nhưng không có tác dụng trang trí cho tiêu đề. - Mệnh đề 3: Đoạn mã
<p text-align="center">THÔNG TIN LIÊN HỆ</p>cho phép căn giữa nội dung dòng tiêu đề "THÔNG TIN LIÊN HỆ".
Sai. Trong HTML, để căn giữa, nên sử dụng CSS với thuộc tínhtext-align: center;trong thẻ<style>hoặc nội tuyến trong thẻ với cú pháp<p style="text-align: center;">. - Mệnh đề 4: Sử dụng mã lệnh HTML
Fax: <b style="color:#999999">02456789</b> Điện thoại: b style="color : #999999"0865.911.136</b>để hiển thị dòng cuối.
Sai. Đoạn mã bị thiếu dấu "<b>" ở phần đầu của số điện thoại. Đúng mã phải sử dụng làFax: <b style="color:#999999">02456789</b> Điện thoại: <b style="color : #999999">0865.911.136</b>.
Chú ý khi giải
- Khi sử dụng CSS để định dạng văn bản, hãy đảm bảo các thuộc tính được áp dụng đúng cách để đạt được hiệu ứng mong muốn.
- Thẻ
<hr>chỉ tạo ra một đường ngang, không thể thay thế cho việc tạo hiệu ứng đường gạch chân dưới tiêu đề. - Luôn đảm bảo cú pháp HTML chính xác để tránh lỗi hiển thị, đặc biệt đối với thẻ mở và đóng.