Thẻ iframe là thẻ HTML mà khi bạn học ở trường, hoặc thiết kế demo ở nhà thì sẽ ít dùng, nhưng trong thực tế đi làm sau này thì lại rất hay dùng. Hôm nay Kiến càng sẽ cùng bạn làm quen với thẻ này.
Thẻ Iframe được dùng để nhúng một trang web vào trong một trang web, thí dụ như dưới đây, tôi nhúng trang chủ của Kiến càng vào trong bài viết này:
Nếu bạn để ý nhiều video bạn xem có nguồn trên Youtube nhưng bạn không phải vào tận trang của Youtube để xem, mà bạn xem luôn tại trang xyzabc nào đó. Chính video bạn xem sử dụng thẻ iframe. Ngay dưới đây là một video trên Youtube tôi nhúng vào bài này.
Ngoài ra, các hộp Like fanpage Facebook cũng hay áp dụng thẻ iframe.
Cấu trúc code của thẻ iframe như sau:
<iframe src="https://kiencang.net/" width="550" height="300"></iframe>Trong đó đường link trong thẻ src chính là trang mà bạn muốn đưa vào nhúng trong trang của bạn, còn width và height dùng để thiết lập chiều rộng và chiều cao tính theo px của khung bao trang nhúng.
Để hủy đường viền bao quanh trang web bạn thêm thuộc tính frameborder vào và thiết lập giá trị của nó là 0, code mẫu:
<iframe frameborder="0" height="300" src="https://kiencang.net" width="550"> </iframe>Kết quả của đoạn code trên, bạn sẽ thấy không còn đường viền nữa:
Thanh trượt dọc và ngang sẽ xuất hiện khi mà kích cỡ của khung nhúng bạn thiết lập (trong ví dụ trên là width=”550″ height=”300″) nhỏ hơn kích cỡ của trang nhúng bạn đưa vào web.
Comments are closed.