html基础知识点文字版（学习笔笔记-基本标签-2）

一、音视频

-音频标签：<audio></audio>

-属性：

src：音频文件路径

loop：循环播放

autoplay：自动播放

preload：预加载，none|metadata|auto

-语法结构：

<!--写法1--> <audio src="1.mp3"></audio> <!--写法2--> <audio> <source src="1.mp3"></source> </audio>

-视频标签：<video></video>

-属性：

src：音频文件路径

loop：循环播放

autoplay：自动播放

width：宽

height：高

poster：封面图片

preload：预加载，none|metadata|auto

-语法结构：

<!--写法1--> <video src="1.mp4"></video> <!--写法2--> <video> <source src="1.mp4"></source> </video>

二、列表

无序列表<ul>

属性：

type：disc默认的，实心圆

circle空心圆，square方块

使用：type默认实心圆

<ul> <li>张三</li> <li>李四</li> </ul>

type默认为实心圆

使用：type空心圆

<ul type="circle"> <li>张三</li> <li>李四</li> </ul>

circle为空心圆

使用：type方块

<ul type="square"> <li>张三</li> <li>李四</li> </ul>

square方块

有序列表<ol>

属性：

type：取值有1,a,A,i,I，分别代表数字，小写字母序列，大写字母序列，小写罗马数字，大写的罗马数字，默认的是数字，使用方式同上，这里不再图示。

案例：

<ol> <li>张三</li> <li>李四</li> </ol>

自定义列表<dl>

一般用来进行图文展示

案例：

<dl> <dt> <img src="images/car-1.png" alt=""> </dt> <dd>凯美瑞</dd> </dl>

三、div和span

这两个都可以当作容器来使用，嵌套其他标签

div：块级元素，默认占整行

span：行级元素，内容多宽他就多宽

四、表格

结构组成：

table：表格标签

tr：行标签

td：列表签

两行两列：

<table border="1"> <tr> <td>姓名</td> <td>年龄</td> </tr> <tr> <td>张三丰</td> <td>100</td> </tr> </table>

border="1" 表示表格边框宽度为1px

合并行：rowspan

<table border="1"> <tr> <td rowspan="2">姓名</td> <td>年龄</td> </tr> <tr> <td>100</td> </tr> </table>

合并列：colspan

<table border="1"> <tr> <td colspan="2">信息</td> </tr> <tr> <td>张三丰</td> <td>100</td> </tr> </table>

,