Bài 7: Chèn một trang web khác vào trang web của mình với thẻ iframe trong HTML

6184

Chào các bạn,

Thẻ HTML phổ biến tiếp theo mà mình muốn giới thiệu tới bạn đó chính là thẻ iframe – thẻ có tính năng giúp bạn chèn một trang web khác vào trang web của mình.

I. Chèn một trang web khác vào trang web của mình với thẻ iframe

Cú pháp của thẻ iframe như sau

<iframe src="https://phambinh.net"></iframe>

Trong đó, https://phambinh.net chính là địa chỉ trang web mà bạn muốn chèn vào. Bạn có thể thay địa chỉ web này bằng bất kỳ địa chỉ web nào bạn muốn.

Kết quả của đoạn code trên sẽ được hiển thị như sau:

Một trong những ví dụ phổ biến nhất về thẻ iframe chính là việc nhúng video youtube vào web.

Youtube và rất nhiều kênh khác cho phép người dùng chia sẻ video bàng cách nhúng ‘iframe’

II. Một số thuộc tính thường dùng với thẻ iframe

Ngoài thuộc tính bắt buộc src ra, thẻ iframe còn có một số thuộc tính tùy chọn khác mà mình sẽ liệt kê dưới bảng sau:

Thuộc tínhGiá trịMô tả
heightpixelsChỉnh chiều cao hiển thị của iframe
widthpixelsChỉnh chiều rộng hiển thị của iframe

III. Tổng kết

iframe là một thẻ đơn giản, được sử dụng khi bạn muốn ‘nhúng’ một trang web khác vào trang web của mình một cách nhanh chóng. Chính vì vậy mà nhúng iframe là một trong những hình thức chia sẻ được tích hợp trong các mạng xã hội lớn như google, facebook, youtube,…

Bài viết tới đây là kết thúc, hẹn gặp lại bạn trong những bài viết kế tiếp.