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
Cũ vẫn chất
-
Cách view source, xem mã nguồn trang web bằng điện thoại, máy tính
Hôm qua 1 -
Hướng dẫn cách kẻ chéo ô trong Excel
2 ngày -
Reset rank Liên Quân mùa 27
2 ngày -
Những status cảm động níu kéo người yêu cũ
2 ngày -
Phần mở rộng file là gì?
Hôm qua -
Những câu stt hay tâm trạng về lặng nhìn cuộc sống
Hôm qua -
Stt cho những đêm tâm trạng không ngủ được
Hôm qua -
Cách chèn emoji vào ảnh trên iPhone cực đơn giản
Hôm qua -
Hướng dẫn chia nhỏ file nén bằng WinRAR
2 ngày -
44 phím tắt hữu dụng trên tất cả trình duyệt
Hôm qua 2