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
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
Trong đó, //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.
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ính | Giá trị | Mô tả |
| height | pixels | Chỉnh chiều cao hiển thị của iframe |
| width | pixels | Chỉnh chiều rộng hiển thị của iframe |
Click vào ảnh để xem.
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.
- Bài 1: Ngôn ngữ HTML là gì?
- Bài 2: Các khái niệm thường gặp trong HTML
- Bài 3: Cấu trúc trang HTML
- Bài 4: Các thẻ định dạng văn thường gặp trong HTML
- Bài 5: Chèn liên kết vào trang web với thẻ a trong HTML
- Bài 6: Chèn hình ảnh vào trang web với thẻ img trong HTML
- 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
- Bài 8: Tạo bảng với HTML
- Bài 9: Tạo một danh sách với HTML
- Bài 10: Các thẻ input, thẻ tạo form nhập liệu trong HTML
- Bài 11: Kết thúc serie học HTML cơ bản