第十章：内联框架和标签嵌套

2020-08-06 08:34:04 阅读：200 来源： 互联网

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>内联框架</title>
 6         <style type="text/css">
 7             iframe{
 8                 width: 100%;
 9                 height: 500px;
10             }
11         </style>
12     </head>
13     <body>
14         <!--iframe元素会创建包含另外一个文档的内联框架。-->
15         
16         <!--属性：
17             1.src：指定在框架中显示的文档的URL
18             2.frameborder:规定是否显示框架周围的边框  1/0    
19             -->
20         <!--在<iframe></iframe>中写入文字，来应对无法解析iframe标签的浏览器-->
21         
22         <h1>我要自学网</h1>
23         
24         
25         <iframe src="http://www.xx.com" frameborder="1">
26             你的浏览器不支持
27         </iframe>
28         
29         
30     </body>
31 </html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>标签嵌套</title>
    </head>
    <body>
        <!--1.块级元素
            常见有：div,所有的布局元素，h1-h6,p,ul,li..-->
        <!--2.行级元素
            常见有：a,span,strong,b,i,sub,sup.....-->
        <!--3.行内块级元素
            常见有：img,input,video,audio...-->
        
        <!--嵌套关系：-->
            <!--1.块级元素：
                块级元素可以嵌套块级元素，行级元素，行内块级元素
                <div><div></div><h1></h1><p></p></div>
                <div><span></span><a ></a><b></b></div>
                <div><img /><input /></div>-->
                
            <!--2.行级元素:
                <a > <span></span> <img src="" alt="" /></a>
                行级元素不能嵌套块级元素，如要嵌套，需要把行级元素转成块级元素再嵌套-->
            
            <!--3.行内块级元素:
                <video > <span></span></video>
                只能嵌套行级元素-->
                
            <!--注意：
                h1-h6,p不能嵌套块级元素-->
                
                
                
    </body>
</html>

标签：行级,--,标签,元素,第十章,嵌套,iframe,内联
来源： https://www.cnblogs.com/class001/p/13444055.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

第十章：内联框架和标签嵌套