HTML5 + CSS3 列表 表格 媒体元素学习笔记（四）

行内元素和块元素列表标签

无序列表有序列表自定义列表 表格标签

打印基本表格测试样例 媒体标签

行内元素和块元素

块元素

无论内容多少，该元素独占一行（p、h1-h6…）

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行（a、strong、em…）

块元素间的呈现有明显的间距，行元素间的呈现会较为紧凑

列表标签

什么是列表

列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷的获得相应信息

列表的分类

无序列表有序列表自定义列表 无序列表

    
Java
    
Python
    
运维
    
前端
    
C/c++

JavaPython运维前端C/c++

    
Java
    
Python
    
运维
    
前端
    
C/c++

学科列表

Java

Python

运维

前端

C/c++

 位置
 西安
 重庆
 新疆

    
 学科列表
    
 Java
    
 Python
    
 运维
    
 前端
    
 C/c++

    
 位置
    
 西安
    
 重庆
    
 新疆
    

表格标签

为什么使用表格

简单通用结构稳定 基本结构

单元格行列跨行跨列

如图是一个三行三列的表格
实现跨行跨列操作

 2-1	跨行

   1-1  跨列

    
    



    

        
        
1-1
 
    
    

        
        
2-1
        
2-2
        
2-3
        
2-4
    
    

        
3-1
        
3-2
        
3-3
 
    

 
 
 

视频和音频

视频元素：video音频元素：audio关键词学习

autoplay 自动播放controls 控制器 要有控制器才有播放按钮