Iframe trong HTML
Trong HTML, iframe được dùng để hiển thị một trang web bên trong một trang web khác.
Cú pháp iframe
iframe HTML được định nghĩa bằng thẻ <iframe>
<iframe src="URL"></iframe>
Thuộc tính src
được dùng để xác định URL (địa chỉ web) của trang nằm trong khung nội dòng.
Iframe - thiết lập chiều cao và độ rộng
Các thuộc tính height
và width
được dùng để xác dịnh kích thước của iframe. Giá trị thuộc tính mặc định là pixek nhưng có thể dùng theo phần trăm (ví dụ 80%).
<iframe src="demo_iframe.htm" height="200" width="300"></iframe>
Hoặc bạn có thể dùng CSS để đặt chiều cao, độ rộng cho iframe.
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"></iframe>
Iframe - xóa bỏ đường viền
Mặc định iframe sẽ có viền xung quanh. Để xóa viền này, thêm thuộc tính style
và dùng đặc tính CSS là border.
<iframe src="demo_iframe.htm" style="border:none;"></iframe>
Với CSS, bạn còn có thể thay đổi kích thước, kiểu cách, màu sắc của viền iframe.
<iframe src="demo_iframe.htm" style="border:2px solid red;"></iframe>
Iframe - đích cho đường dẫn
Iframe có thể được dùng làm khung đích cho đường dẫn. Thuộc tính target
của link phải tham chiếu tới thuộc tính name
của iframe.
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://www.quantrimang.com"target="iframe_a">Quantrimang.com</a></p>
Bài trước: Thuộc tính id trong HTML
Bài sau: JavasScript trong HTML
Bạn nên đọc
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:


Cũ vẫn chất
-
PING là gì? Test PING như thế nào?
Hôm qua -
Cách chặn từ khóa và Hashtag trên Twitter
Hôm qua -
Sạc không dây là gì? Nó nhanh hơn hay chậm hơn sạc dây? Danh sách smartphone Android hỗ trợ sạc không dây
Hôm qua -
4 cách kiểm tra lịch sử giao dịch BIDV trên điện thoại, máy tính
Hôm qua -
Các cách làm, tùy chỉnh trong bài sẽ giúp tăng tốc Windows 10 của bạn "nhanh như gió"
Hôm qua 6 -
Điểm ưu tiên, điểm khuyến khích, khu vực ưu tiên khi xét tuyển năm 2022
Hôm qua -
Cách dùng Terabox lưu trữ với 1TB miễn phí
Hôm qua 5 -
Cách sao chép hoặc tạo bản sao toàn bộ trang tính trong Google Sheets
Hôm qua -
Dynamic System Updates là gì?
Hôm qua -
Hàm COUNTIFS, cách dùng hàm đếm ô theo nhiều điều kiện trong Excel
Hôm qua