网页结构基础

1.块级标签：

-默认占整行，可设置宽高

        -如果不设置宽高，默认占整行和浏览器或父元素相同

        -高度由内容（子元素）撑开

        -默认在页面最底层，文档流中

       比如：p，h1-h6，ul，li，hr，div

     

       div：区域划分标签，没有展示效果，作用用来对页面中的标签进行区域划分

2.行内标签（内联标签）

 -默认多数设置宽高不起作用（img除外），宽高由内容撑开

        -默认在一行，如果放置不下，自动换行

        文本标签，img，a

        span：没有效果，可对特殊内容进行修饰

3.网页结构：（h5语义标签）

        作用：

        对页面中的标签进行区域划分，重在标签的语法意义，默认没有具体效果    

        header、footer、nav、section、artical、aside

4.内联框架

<!--引入外部header-->

     <iframe src="" frameborder="0"></iframe>

    <!--引入外部footer -->

    <iframe src="" frameborder="0"></iframe>

    <!--引入网址-->

    <iframe src="http://" frameborder="0"></iframe>

    <!--

        问题：点击链接，链接的网址在指定的iframe中显示？

        结论：target值等于name值

    -->

    <iframe src="" name="my-iframe"></iframe>

    <a href="" target="my-iframe"> 文本内容</a>