Đam Yi study

Bài 10: Tạo liên kết trong HTML

Môn: Tin học 12 | Thời lượng: 45 phút | SGK: Kết nối tri thức với cuộc sống

---

🎯 Mục tiêu

• Hiểu khái niệm liên kết (hyperlink) trong trang web.
• Sử dụng được thẻ <a> để tạo các loại liên kết khác nhau.
• Phân biệt được liên kết nội bộ và bên ngoài.

📘 1. Khái niệm liên kết

Liên kết (Hyperlink) là thành phần giúp người dùng di chuyển giữa các trang web hoặc vị trí trong cùng một trang.

<a href="https://www.google.com">Truy cập Google</a>
  

Giải thích: - <a> là thẻ tạo liên kết. - href là thuộc tính chỉ địa chỉ trang đích. - Nội dung giữa thẻ <a> ... </a> là phần có thể nhấp được.

🧠 Câu hỏi nhanh: Thuộc tính nào của thẻ <a> quy định địa chỉ liên kết?

🔗 2. Các loại liên kết trong HTML

• Liên kết ngoài: Dẫn đến một trang web khác.

  <a href="https://rcomdanyi.edu.vn" target="_blank">Trang học trực tuyến</a>
        

• Liên kết nội bộ: Dẫn đến vị trí khác trong cùng trang.

  <a href="#phan2">Chuyển tới phần 2</a>
  ...
  <h2 id="phan2">Phần 2: Kiến thức nâng cao</h2>
        

• Liên kết tệp: Mở tệp hoặc tải xuống.

  <a href="tailieu/bai10.pdf" download>Tải bài giảng PDF</a>
        

• Liên kết email: Gửi thư điện tử.

  <a href="mailto:gv.tinhoc@rcomdanyi.edu.vn">Gửi email cho giáo viên</a>
        

💬 Đúng/Sai: Thẻ <a> có thể dùng để tạo liên kết tới tệp PDF.

💻 3. Thực hành

Viết mã HTML để tạo ba liên kết:

1. Liên kết ngoài đến trang Google.
2. Liên kết nội bộ đến tiêu đề trong cùng trang.
3. Liên kết tải xuống tệp PDF “Bài10.pdf”.

<a href="https://www.google.com">Truy cập Google</a><br>
<a href="#phan2">Xem phần 2</a><br>
<a href="Bai10.pdf" download>Tải bài giảng</a>
  

✍️ Câu hỏi tự luận ngắn: Trong HTML, thẻ nào dùng để tạo liên kết?

🧩 4. Mở rộng

Thuộc tính target quy định cách mở liên kết:

• _blank: Mở trang trong cửa sổ/tab mới.
• _self: Mở trong cùng khung (mặc định).

💡 Ghi nhớ: - Mọi liên kết đều bắt đầu bằng thẻ <a>. - Thuộc tính href là địa chỉ đích. - Có thể tạo liên kết đến trang, phần trong trang, tệp, email hoặc số điện thoại.