HTML5 Day2-块元素和行内块元素

2.1 超链接a

• href 是指链接跳转的地址，可以跳内部文件、外部链接

    
    
    跳转到内部文件
    
    跳转百度

    
    跳转到内部文件
    

    
    下载
​
    
    跳转到底部
    
    不跳转
    不跳转
    

        我是div盒子中的内容，用于观察跳转到底部的标签效果，此处添加大量文字跳转效果才明显
        

        
底部
    

• 图片格式大多数用 jpg格式和png格式

2.2 块元素（block element）

特点：独占一行，无论内容有多少，都会独占一行

    
    
    


    
    
标题一
    
段落
    
我是盒子
    

        
我是li
        
我是li
    

2.3 行内元素(inline element)

特点：紧挨着排列，不能设置宽高，宽高有内容撑开

用法：用来包裹文字，不能放块元素

    
    
    


    
    我是链接
    我是链接2
    我是span

2.4 行内块元素

特点：行内块元素之间可以在一行展示，可以设置宽高

    
    
    


    
    
    111
    
    222

注意：

• 一般情况下，会在块元素中放行内元素，而不会在行内元素中放块元素

• 块元素中基本什么都能放

• p元素中不能放任何块元素 特殊的存在

2.5 布局标签（结构化标签）

    
头部区域
    

        主体
        
导航栏
        
侧边栏
    
    
底部

2.6 内嵌框架 iframe(了解)

2.7 音频标签（了解）

src是引入外部音频的路径，audio标签之间放音频加载失败后的文字内容

//

2.8 视频标签

controls->显示视频播放按钮

//