Hướng dẫn dùng thẻ "IFRAME" để nhúng trang web
Để chèn
iframe vào trang web bạn cặp thẻ "
<iframe>" với cấu trúc như sau:
<iframe src="link-web"></iframe>
Trong đó :
"<iframe></iframe>" là cặp thẻ đóng - mở.
"src" là thuộc tính bắt buộc để dẫn tới 1 trang web khác.
Ví dụ :
<iframe src="https://www.qrviet.me/"></iframe>
# Các thuộc tính cơ bản của thẻ IFRAME trong HTML
✔ "src": Thuộc tính khai báo đường dẫn tới 1 trang web hoặc 1 file tài liệu nào đó.
✔ "width": Thuộc tính dùng để khai báo chiều rộng của iframe (đơn vị là px hoặc %)
✔ "height": Thuộc tính dùng để khai báo chiều cao của iframe (đơn vị là px hoặc %)
✔ "name": Thuộc tính này dùng để đặt tên cho frame. (Nó hay được dùng khi muốn hiển thị 1 liên kết nào đó trong 1 frame có thuộc tính name).
✔ "frameborder": Thuộc tính dùng để thiết lập đường viền bao quanh frame. (Thuộc tính này sẽ có 2 giá trị: 0 – ẩn đường viền, 1 – hiện đường viền. Nếu không khai báo thuộc tính này thì mặc định là đường viền được hiển thị).
Cấu trúc :
<a href="#link_url" target="the-iframe">#ten_hien_thi</a>
<iframe src="#url_trang_web" width="100%" height="500px" name="the-iframe" frameborder="0"></iframe>
Ví dụ về thẻ IFRAME trong HTML :
<a href="https://www.qrviet.me/2022/01/nhung-trang-web-khac-vao-web-cua-minh.html" target="the-iframe">QRViet</a>
<iframe src="https://www.qrviet.me" width="100%" height="500px" name="the-iframe" frameborder="0"></iframe>
Trong đó có thẻ "<a>" với thuộc tính target dùng để nhắm đích tới iframe có name là the-iframe.