Hướng dẫn HTML

TRANG CHỦ HTML Giới thiệu HTML Trình chỉnh sửa HTML HTML cơ bản Phần tử HTML Thuộc tính HTML Tiêu đề HTML Đoạn văn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Bảng HTML Danh sách HTML Khối HTML & Nội tuyến Các lớp HTML Id HTML Khung nội tuyến HTML HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML đáp ứng Mã máy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ mã HTML Mã hóa URL HTML HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Phần tử biểu mẫu HTML Các loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu nhập HTML

Đồ họa HTML

HTML Canvas HTML SVG

HTML Media

HTML Media Video HTML Âm thanh HTML Trình cắm HTML HTML YouTube

API HTML

Vị trí địa lý HTML Kéo / thả HTML Lưu trữ web HTML Nhân viên web HTML HTML SSE

Ví dụ HTML

Ví dụ HTML HTML Quiz Bài tập HTML Chứng chỉ HTML Tóm tắt HTML Khả năng truy cập HTML

Tham chiếu HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu HTML HTML Canvas HTML Audio / Video HTML Doctypes Bộ ký tự HTML Mã hóa URL HTML Mã HTML Lang Tin nhắn HTTP Phương thức HTTP Công cụ chuyển đổi PX sang EM Các phím tắt bàn phím

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 heightwidthđể 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 heightwidth 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 src tí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 heightwidthchỉ đị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

Kiểm tra bản thân với các bài tập

Bài tập:

Tạo iframe với địa chỉ URL truy cập https://www.w3schools.com.

<iframe= "https://www.w3schools.com"> </iframe>


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 .