Khung nội tuyến HTML
Khung nội tuyến HTML được sử dụng để hiển thị một trang trong một trang web.
Cú pháp iframe HTML
Thẻ HTML <iframe>chỉ định một khung nội tuyến.
Khung nội tuyến được sử dụng để nhúng tài liệu khác vào tài liệu HTML hiện tại.
Cú pháp
<iframe src="url" title="description"></iframe>
Mẹo: Một phương pháp hay là luôn bao gồm một
titlethuộc tính cho <iframe>. Điều này được sử dụng bởi trình đọc màn hình để đọc nội dung của iframe là gì.
Iframe - Đặt Chiều cao và Chiều rộng
Sử dụng thuộc tính heightvà widthđể chỉ định kích thước của iframe.
Chiều cao và chiều rộng được chỉ định bằng pixel theo mặc định:
Thí dụ
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
Hoặc bạn có thể thêm stylethuộc tính và sử dụng CSS heightvà width
các thuộc tính:
Thí dụ
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe - Xóa đường viền
Theo mặc định, iframe có đường viền xung quanh nó.
Để xóa đường viền, hãy thêm stylethuộc tính và sử dụng thuộc tính CSS
border:
Thí dụ
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
Với CSS, bạn cũng có thể thay đổi kích thước, kiểu và màu sắc của đường viền iframe:
Thí dụ
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe - Nhắm mục tiêu cho một liên kết
Một iframe có thể được sử dụng làm khung mục tiêu cho một liên kết.
Thuộc targettính của liên kết phải tham chiếu đến namethuộc tính của iframe:
Thí dụ
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Tóm tắt chương
- Thẻ HTML
<iframe>chỉ định một khung nội tuyến - Thuộc
srctính xác định URL của trang để nhúng - Luôn bao gồm một
titlethuộc tính (dành cho trình đọc màn hình) - Thuộc tính
heightvàwidthchỉ định kích thước của iframe - Sử dụng
border:none;để xóa đường viền xung quanh iframe
Bài tập HTML
Thẻ iframe HTML
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
Để có danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập Tham khảo thẻ HTML của chúng tôi .