Iframe | Tag Html | Học Web Chuẩn
Có thể bạn quan tâm
<iframe>
- Trang chủ
- Tham khảo
- Tag html
- <iframe>
Định nghĩa và sử dụng
- Tag <iframe> Định nghĩa một khung, bên trong có chứa một văn bản.
- Một số trình duyệt không hỗ trợ <iframe>, khi đó chúng ta viết những đoạn text bên trong <iframe> và </iframe> để hiển thị nội dung thông báo cần thiết cho người xem biết.
Sự khác nhau giữa HTML và XHTML
HTML4.01 | XHTML1.0 | XHTML1.1 |
---|---|---|
- | thuộc tính name không khuyến khích dùng, sử dụng id để thay thế. | Không hỗ trợ |
Cấu trúc
<iframe src="" width="" height=""> <p>Dòng text thông báo.</p> </iframe>
Ví dụ
Html viết:
<iframe src="http://hocwebchuan.com" width="650" height="200"> <p>Trình duyệt của bạn không hỗ trợ iframe.</p> </iframe>
Hiển thị trình duyệt:
Trình duyệt hỗ trợ
<iframe> được hỗ trợ trong đa số các trình duyệt.
Thuộc tính
Cách sử dụng: <iframe thuoctinh="giatri"></iframe>
Thuộc tính tùy chọn
Không được hỗ trợ trong DTD Strict
Thuộc tính | Giá trị | Ví dụ | Mô tả |
---|---|---|---|
align | left right top middle bottom | align="left" | Được dùng để sắp xếp vị trí cho văn bản bên trong <iframe>. Không khuyến khích sử dụng, sử dụng thuộc tính text-align của css để thay thế. |
frameborder | 1 0 | frameborder="1" | Xác định đường viền quanh một <iframe>. |
height | pixels % | height="10px" | Xác định chiều cao của <iframe>. |
longdesc | URL | longdesc="des.html" | Xác định một trang có chứa mô tả chi tiết nội dung của <iframe> thông qua tham số URL. Không được hỗ trợ trong phần lớn các trình duyệt |
marginheight | pixels | marginheight="10px" | Xác định canh lề phía trên và dưới <iframe>. |
marginwidth | pixels | marginwidth="10px" | Xác định canh lề bên trái và phải <iframe>. |
name | name | name="iframeName" | Xác định tên của <iframe>. |
scrolling | yes no auto | scrolling="auto" | Xác định có hoặc không có srollbar cho <iframe>. |
src | URL | src="iframe.html" | Xác định đường dẫn hiển thị bên trong <iframe>. |
width | pixels % | width="100px" | Xác định chiều rộng của <iframe>. |
Thuộc tính tổng quát (xem thêm)
Thuộc tính | Giá trị | Ví dụ | Mô tả |
---|---|---|---|
class | Tên class | class="section" | Tên class |
id | Tên id | id="layout" | Xác định tên id cho thành phần, mỗi thành phần chỉ có một id duy nhất (hoặc một id chỉ có trong một thành phần) trong một văn bản HTML |
style | Kiểu định dạng | style="color: red" | Xác định một định dạng cho một thành phần. |
title | Text | title="Đây là title" | Xác định thêm thông tin cho thành phần. |
Link liên quan
- <p></p>
Tag trước
Tag kế tiếp
HTML & XHTML
HƯỚNG DẪN HỌC
- Hướng dẫn học
- Hướng dẫn học XHTML & HTML5
- Hướng dẫn học CSS
- Hướng dẫn học CSS3
- Hướng dẫn học Responsive
- Hướng dẫn học ES6
- Hướng dẫn học React.js
- Hướng dẫn học jQuery
- Hướng dẫn học PHP
- Hướng dẫn học Laravel
- Hướng dẫn học Wordpress
- Hướng dẫn học Webpack
- Hướng dẫn học SCSS
THAM KHẢO
Tag HTML & XHTML
- <!--...-->
- <!DOCTYPE>
- <a>
- <abbr>
- <acronym>
- <address>
- <applet>
- <area />
- <b>
- <base />
- <basefont />
- <bdo>
- <big>
- <blockquote>
- <body>
- <br />
- <button>
- <caption>
- <center>
- <cite>
- <code>
- <col />
- <colgroup>
- <dd>
- <del>
- <dfn>
- <dir>
- <div>
- <dl>
- <dt>
- <em>
- <fieldset>
- <font>
- <form>
- <frame />
- <frameset>
- <h1> tới <h6>
- <head>
- <hr />
- <html>
- <i>
- <iframe>
- <img />
- <input />
- <ins>
- <isindex>
- <kbd>
- <label>
- <legend>
- <li>
- <link />
- <map>
- <menu>
- <meta />
- <noframes>
- <noscript>
- <object>
- <ol>
- <optgroup>
- <option>
- <p>
- <param />
- <pre>
- <q>
- <s>
- <samp>
- <script>
- <select>
- <small>
- <span>
- <strike>
- <strong>
- <style>
- <sub>
- <sup>
- <table>
- <tbody>
- <td>
- <textarea>
- <tfoot>
- <th>
- <thead>
- <title>
- <tr>
- <tt>
- <u>
- <ul>
- <var>
Tham khảo CSS
- CSS - Tham khảo
- CSS - Bộ chọn (selectors)
- CSS - Thuộc tính
- CSS3 - Tham khảo
- CSS3 - Bộ chọn (selectors)
- CSS3 - Thuộc tính
- Xem thêm ví dụ về CSS
Tham khảo HTML/XHTML
- Tham khảo HTML/XHTML
- Tag theo function
- Tag theo giá trị DTD
- Tham khảo HTML4/XHTML
- Tham khảo HTML5
- Xem thêm ví dụ về HTML
Tham khảo JQUERY
- jQuery - Tham khảo
- jQuery - Cài đặt và sử dụng
- jQuery - Bộ chọn (selectors)
- jQuery - Hàm (function)
- jQuery - Ajax
Tham khảo Thêm
- Lang codes
- Font chữ
- Mã ký tự
- MIME
- Đơn vị trong HTML & CSS
- Giá trị màu trong HTML & CSS
- Thuộc tính tổng quát
CHUYÊN ĐỀ
- Chuyên đề
- Chuyên đề HTML/CSS
- Chuyên đề HTML5/CSS3
- Chuyên đề jQuery/JS
- jQuery/JS plugin
GÓP Ý - LIÊN HỆ
- CÔNG CỤ TẠO CSS3CSS3 GENERATOR
- BỘ CÔNG CỤGENERATOR TOOLS
- CÔNG CỤ HỖ TRỢWEB TOOLS
- CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
- CÔNG CỤ KIỂM TRA RESPONSIVE TEST
- CHIA SẺ HAYWEB & TOOLS
Từ khóa » Cách Sử Dụng Iframe
-
IFrame Là Gì? Cách Nhúng IFrame Vào Website Sao Cho Tối ưu Nhất?
-
Thẻ IFrame Trong HTML Là Gì? Cách Sử Dụng IFrame Trong HTML
-
Cách Nhúng Một Trang Web Bằng Thẻ Iframe Trong HTML
-
IFRAME VÀ CÁCH GIAO TIẾP GIỮA IFRAME VÀ MAIN PAGE - Viblo
-
IFrame Là Gì? Cách Nhúng IFrame Vào Website Sao Cho Tối ưu Nhất
-
Iframe Là Gì? Hướng Dẫn Cách Nhúng Iframe Vào Web Hiệu Quả - Bizfly
-
Hướng Dẫn Và Ví Dụ HTML IFrame - Openplanning
-
IFrame Là Gì?
-
Bài 22: Thẻ Iframe Trong HTML - Tìm ở đây
-
Iframe Là Gì? Cách Nhúng Iframe Vào Website? - Bizfly Cloud
-
Thẻ IFRAME Trong HTML – Nhúng Trang Web Khác Vào Web Của Mình
-
IFrame Là Gì? Hướng Dẫn Nhúng IFrame Vào Website đơn Giản
-
Iframe Là Gì? Tất Cả Thông Tin [CẦN BIẾT] Về Iframe - Nhân Hòa
-
IFrame Là Gì? Cách Nhúng IFrame Vào Web - Thủ Thuật Phần Mềm