Đề bài
Một trung tâm gia sư muốn làm một website có thông tin và định dạng như sau đây:
Giáo viên yêu cầu học sinh viết mã lệnh HTML để mô tả nội dung này. Sau đây là kiến của các bạn học sinh:
1. Có thể sử dụng thẻ <h2> cho nội dung dòng thứ nhất.
2. Đoạn code sau sẽ hiển thị đúng nội dung dòng thứ 2: <em> Phòng 509, nhà K1 </em>
3. Để hiển thị dòng thứ 3, sử dụng đoạn mã lệnh sau: <b style="color:#999999"> Hotline: 0949.404.111 - 0949.404.333 0939.404.444 /b>
4. Để hiển thị nội dung dòng thứ 4, sử dụng đoạn mã lệnh sau: <a href="info@ntt.edu.vn"> /a>
Đáp án đúng: 1Đ, 2Đ, 3S, 4S
Xem lời giải
Lời giải chi tiết
Để tạo một trang web với nội dung và định dạng như yêu cầu đề bài, chúng ta cần sử dụng các thẻ HTML một cách chính xác. Dưới đây là cách cho từng dòng:
- Dòng thứ nhất: Dùng thẻ tiêu đề cấp 2 (<h2>) để hiển thị nội dung "VĂN PHÒNG GIA SƯ". Đây là cách thông thường để tạo tiêu đề lớn.
- Dòng thứ hai: Dùng thẻ <em> để làm nổi bật nội dung "Phòng 509, nhà K1". Thẻ <em> thường dùng để nhấn mạnh thông tin.
- Dòng thứ ba: Sử dụng thẻ <b> để làm đậm nội dung, nhưng cần đóng thẻ </b> để đảm bảo không bị lỗi hiển thị. Mã đúng sẽ là:
<b style="color:#999999">Hotline: 0949.404.111 - 0949.404.333 - 0939.404.444</b> - Dòng thứ tư: Để tạo link cho email, cần sử dụng đúng cú pháp của thẻ <a>. Nội dung mã đúng là:
<a href="mailto:info@ntt.edu.vn">Email: info@ntt.edu.vn</a>
Đoạn mã HTML đầy đủ sẽ là:
<h2>VĂN PHÒNG GIA SƯ</h2>
<em>Phòng 509, nhà K1</em>
<b style="color:#999999">Hotline: 0949.404.111 - 0949.404.333 - 0939.404.444</b>
<a href="mailto:info@ntt.edu.vn">Email: info@ntt.edu.vn</a>Chú ý khi giải
- Chắc chắn phải đóng các thẻ HTML đúng cách để tránh lỗi hiển thị.
- Đối với địa chỉ email, hãy sử dụng thuộc tính
mailto:trong thẻ <a> để khi người dùng nhấp vào, trình duyệt sẽ mở ứng dụng email. - Sử dụng đúng thẻ HTML với mục đích của chúng, như <h2> cho tiêu đề, <em> để nhấn mạnh, và <b> để làm đậm.
- Kiểm tra kỹ mã ngay sau khi viết để đảm bảo không có lỗi cú pháp.