Bài 19: iframe trong html

Cú pháp iframe

Cú pháp cho việc thêm một khung nội tuyến là:

<iframe src=" URL "></iframe>

Các thuộc tính src quy định các URL (địa chỉ web) của trang iframe.

Sử dụng chiều cao và chiều rộng thuộc tính để xác định kích thước.

Các giá trị thuộc tính được quy định tại các điểm ảnh theo mặc định, nhưng họ cũng có thể được tính theo phần trăm (như "80%").

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

Theo mặc định, một khung nội tuyến có viền đen xung quanh nó.

Để loại bỏ các biên giới, thêm các thuộc tính phong cách và sử dụng tài sản biên giới CSS:

<iframe src="demo_iframe.htm" style="border:none"></iframe>

Với CSS, bạn cũng có thể thay đổi kích thước, kiểu dáng và màu của đường viền của khung nội tuyến:

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>

Một khung nội tuyến có thể được sử dụng như là khung mục tiêu cho một liên kết.

Các thuộc tính mục tiêu của liên kết phải tham khảo các thuộc tính tên của iframe:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.webchoban.com" target="iframe_a">Webchoban.com</a></p>

Tag	Description
<iframe>	Defines an inline frame