Chương 2-Bài 18. Thẻ (tag) IFRAME để nhúng trang web khác vào trang web của mình

Ý nghĩa

Thẻ <iframe /> thường sử dụng để nhúng (chèn) trang web khác vào trong trang web của mình.

Cách sử dụng

• Thẻ iframe sẽ tạo một khung chứa với kích thước được quy định trong các thuộc tính width và height.
• Thẻ iframe có các thuộc tính quan trọng sau:
  • name: mỗi một khung chứa nên đặt một tên để dễ dàng quản lý và sử dụng sau này. Tên được đặt theo quy cách đặt tên biến trong lập trình (không bắt đầu bằng số và không được chứa những ký tự đặc biệt).
  • src: nguồn để hiển thị trang web mong muốn nhúng vào.
  • width: quy định chiều rộng của khung chứa

---

Ứng dụng

Sử dụng IFrame để nhúng bản đồ Google map vào trang web

Step 1: lấy mã code nhúng Google map

• Truy cập: https://www.google.com/maps
• Gõ địa chỉ cần lấy mã code -> chọn "Chia sẻ" -> "Nhúng bản đồ" -> Sao chép HTML

Step 2: dán đoạn code vừa copy vào chỗ cần hiển thị bản đồ

• Có thể tùy chỉnh lại thuộc tính width, height theo kích cỡ mong muốn.

---

Sử dụng IFrame để nhúng video Youtube vào trang web

Step 1: lấy mã code nhúng Youtube

• Truy cập video mong muốn: https://www.youtube.com/watch?v=DkuBTfiIWaw
• Chọn "Chia sẻ" -> "Nhúng" -> Sao chép HTML

Step 2: dán đoạn code vừa copy vào chỗ cần hiển thị video

• Có thể tùy chỉnh lại thuộc tính width, height theo kích cỡ mong muốn.

---

Sử dụng IFrame để nhúng nhạc Mp3 Zing vào trang web

Step 1: lấy mã code nhúng Mp3 Zing

• Truy cập link nhạc mong muốn: https://zingmp3.vn/album/Nguoi-Ta-Noi-Tha-Mot-Lan-Dau-Ung-Hoang-Phuc/ZWZ9Z9AZ.html
• Chọn "Chia sẻ" -> "Nhúng" -> Sao chép HTML

Step 2: dán đoạn code vừa copy vào chỗ cần hiển thị link nhạc

• Có thể tùy chỉnh lại thuộc tính width, height theo kích cỡ mong muốn.

Done! Quá dễ phải không nào!