Thẻ iframe trong HTML

Miêu tả

Thẻ HTML được sử dụng để tạo một khung nội tuyến.</p> <h3>Ví dụ</h3> <pre class="prettyprint notranslate tryit"> <!DOCTYPE html> <html> <head> <title>Vi du the iframe trong HTML</title> </head> <body> <iframe src ="https://hoconline.club/" width="100%">

Nó sẽ cho kết quả sau:

Các thuộc tính Global

Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương:- Tổng hợp thuộc tính trong HTML

Các thuộc tính đặc trưng

Thẻ HTML cũng hỗ trợ các thuộc tính sau:</p> <table class="table table-bordered"> <tr><th style="width:20%">Thuộc tính</th><th style="width:20%">Giá trị</th><th>Miêu tả</th></tr> <tr><td>align </td><td>left<br>right<br>top<br>middle<br>bottom</td><td>Xác định cách để căn chỉnh iframe theo phần văn bản bao quanh.</td></tr> <tr><td>frameborder </td><td>1<br>0</td><td>Xác định có hay không hiển thị border xung quanh frame.</td></tr> <tr><td>height </td><td>pixels</td><td>Xác định chiều cao của khung nội tuyến.</td></tr> <tr><td>longdesc </td><td>URL</td><td>Một URL tới một miêu tả dài của nội dung khung.</td></tr> <tr><td>marginheight </td><td>pixels</td><td>Cho phép bạn xác định độ rộng của khoảng cách giữa bên trái và phải của Border khung và nội dung khung. Giá trị tính bằng pixel. Ví dụ marginwidth="10".</td></tr> <tr><td>marginwidth </td><td>pixels</td><td>Xác định lề, bằng pixel, giữa nội dung khung và lề trái và lề phải của khung.</td></tr> <tr><td>name </td><td>text</td><td>Tên của frame </td></tr> <tr><td>sandbox <img src="https://i0.wp.com/hoconline.club/html/images/html5_icon.png" alt="html-5"></td><td>""<br>allow-forms<br>allow-same-origin<br>allow-scripts<br>allow-top-navigation</td><td>Enable một tập hợp các giới hạn thêm cho nội dung trong iframe.</td></tr> <tr><td>scrolling </td><td>yes<br>no<br>auto</td><td>Quyết định hoạt động của thanh cuốn.</td></tr> <tr><td>seamless <img src="https://i0.wp.com/hoconline.club/html/images/html5_icon.png" alt="html-5"></td><td>seamless</td><td>Xác định rằng iframe nên trông giống như nó là một phần của tài liệu chứa.</td></tr> <tr><td>src</td><td>URL</td><td>Vị trí của file nội dung khung.</td></tr> <tr><td>srcdoc<img src="https://i0.wp.com/hoconline.club/html/images/html5_icon.png" alt="html-5"></td><td>HTML_code</td><td>Xác định nội dung HTML của trang để hiển thị trong iframe.</td></tr> <tr><td>width </td><td>pixels</td><td>Xác định độ rộng của khung nội tuyến.</td></tr> </table><h2>Các thuộc tính sự kiện</h2> <p>Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: <a href="../html/cac_su_kien_trong_html.jsp"><b style="color:green;">Tổng hợp sự kiện (Event) trong HTML</b></a></p> <h2>Trình duyệt hỗ trợ</h2> <table class="table table-bordered"> <tr><th style="width:16%">Chrome</th><th style="width:16%">Firefox</th><th style="width:16%">IE</th><th style="width:16%">Opera</th><th style="width:16%">Safari</th><th style="width:16%">Android</th></tr> <tr><td>Có</td><td>Có</td><td>Có</td><td>Có</td><td>Có</td><td>Có</td></tr> </table> <div> <p><b>Bài học HTML phổ biến khác tại hoconline.club:</b></p> <ul class="list"><li><a href="https://hoconline.club/html/comment_trong_html.jsp">HTML - Comment</a></li> <li><a href="https://hoconline.club/html/hinh_anh_trong_html.jsp">HTML - Hình ảnh</a></li> <li><a href="https://hoconline.club/html/bang_trong_html.jsp">HTML - Tạo bảng</a></li> <li><a href="https://hoconline.club/html/tao_danh_sach_trong_html.jsp">HTML - Tạo danh sách</a></li> <li><a href="https://hoconline.club/html/thiet_lap_background_trong_html.jsp">HTML - Thiết lập Background</a></li> <li><a href="https://hoconline.club/html/mau_trong_html.jsp">HTML - Thiết lập màu</a></li> <li><a href="https://hoconline.club/html/font_trong_html.jsp">HTML - Thiết lập Font</a></li> <li><a href="https://hoconline.club/html/form_trong_html.jsp">HTML - Form trong HTML</a></li></ul> </div> <hr> <div class="pre-btn"> <a href="../html/tong_hop_cac_the_html_co_ban.jsp"><i class="icon icon-arrow-circle-o-left big-font"></i> Trang trước</a> </div> <div class="pdf-btn"></div> <div class="nxt-btn"> <a href="../html/tong_hop_cac_the_html_co_ban.jsp">Trang sau <i class="icon icon-arrow-circle-o-right big-font"></i> </a> </div> <div class="parent-file">tong_hop_cac_the_html_co_ban.jsp</div> <hr> <div class="fb-comments" data-order-by="social" data-href="http://hoconline.club/html/the_iframe_trong_html.jsp" data-width="100%" data-numposts="5"></div><hr> <div class="bottomgooglead"> <div class="bottomadtag">Bài viết liên quan</div> <div><ul class="list"> <li><p><a href="https://hoconline.club/ngu-phap-tieng-anh/">160 bài học ngữ pháp tiếng Anh hay nhất</a></p></li> <li><p><a href="https://hoconline.club/java/">155 bài học Java tiếng Việt hay nhất</a></p></li> <li><p><a href="https://hoconline.club/android/">100 bài học Android tiếng Việt hay nhất</a></p></li> <li><p><a href="https://hoconline.club/css/">247 bài học CSS tiếng Việt hay nhất</a></p></li> <li><p><a href="https://hoconline.club/html/">197 thẻ HTML cơ bản</a></p></li> <li><p><a href="https://hoconline.club/php/">297 bài học PHP</a></p></li> <li><p><a href="https://hoconline.club/cplusplus/">101 bài học C++ hay nhất</a></p></li> <li><p><a href="https://hoconline.club/bai_tap_cplusplus_co_giai/">97 bài tập C++ có giải hay nhất</a></p></li> <li><p><a href="https://hoconline.club/javascript/">208 bài học Javascript có giải hay nhất</a></p></li> </ul> </div> </div> </div> <div class="row"> </div></div> </div> </div> </div><div class="footer_ads"></div> <script type="text/javascript" src="../FrontEndWeb/js/sp.js"></script> <script type="text/javascript" src="/jvfrontend/javascript-v6.js?v=3"></script> </div><script type="text/javascript" src="../theme/js/custom-min.js"></script> <script type="text/javascript" src="../theme/js/jquery.colorbox-min.js"></script> <script type="text/javascript"> var tryit = new $.TryIt('./try_html.jsp'); tryit.compile(); </script> <style> pre.prettyprint.tryit { background: #eee url('./images/try-it.jpg') top right no-repeat !important; } </style></div><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K2SNMM8" height="0" width="0" style="display:none;visibility:hidden">