HTML基础——常见标签（2）

1.div和span

搭配css使用

1.1span

内联元素(行内元素):不会自动换行,放不下才换行,没有大小,不能设置大小,宽高,由内容撑开。

<span></span>

1.2div

块级元素:会自动换行，可以设置宽度高度

<div></div>

2.列表标签

2.1有序标签

ol容器 li 具体项

<ol>
    <li></li>
</ol>

2.1.1属性

（1）type：改变排序符号

A	用大写字母作为排序符号
a	用小写字母作为排序符号
I	用大写罗马字符作为排序符号
i	用小写罗马字符作为排序符号
1	用数字作为排序符号

（2） start 属性：来自定义起始排序符号

2.2无序标签

无序列表，是指以实心圆 ●（默认）、空心圆 ○、实心方块 ■ 开头的，没有顺序的列表项目

容器:ul 具体项:li

<ul>
    <li></li>
</ul>

2.2.1属性

属性值	说明
disc	实心圆 ●
circle	空心圆 ○
square	实心方块 ■

2.3自定义列表

dl自定义列表，dt列表项，dd是描述列表，这个组合标签来实现图文混编的功能

<dl>
        <dt>列表项一</dt>
        <dd>列表项一的描述</dd>
        <dt>列表项二</dt>
        <dd>列表项二的描述</dd>
 </dl>

3.表单标签

表单是用来描述需要用户输入的页面内容，在用户输入具体信息后，提交到指定位置进行处理。

语法：

<form action="表单提交地址" method="提交方法"></form>

自动完成功能就是当用户输入一次数据过后，再次输入相同的数据时可以自动补全内容：

<form autocomplete="on/off"></form>

autofocus获得光标、焦点

placeholder="text" 提示文字

文本框	<input type="text" />
选择框 type="reset" 是重置按钮	<input type="radio" name="选项名" value="提交值" /> 若 name 属性的取值相同，可以实现单选的效果
	<input type="checkbox" name="选项名" value="提交值" />
文件	<input type="file" name="表单名字" accept="上传文件的格式" />
提交	<input type="submit" name="表单名字" value="表单名" />
下拉列表	<select> <option>选项一</option> <option>选项二</option> <option>选项三</option> </select> select： 1.multiple 选择多项 2.size 选择几项 option 1.selected 是否被选中 2.value 默认值
邮箱	<input type="email" />
网址	<input type="url" />
数字	<input type="number" value="默认值" step="步长" max="允许最大值" min="允许最小值"/>
一定范围数值输入	<input type="range" />
时间	年月日： <input type="date" />
	年月日 时间： <input type="datetime-local" />
输入搜索关键字	<input type="search" />
输入单元格	<input type="color" />
form	<form id="" action="#" method="GET"></form> <input type="text" form="" name="" />

4.audio 音频标签

src 播放的声音文件

controls  提供播放、暂停的音量控件

autoplay 自动播放

loop  音频自动重复播放

preload 缓冲 audio 标签的大文件，  none（不缓冲）、auto（缓冲音频文件）、metadata （缓冲文件的元数据）

source 标签是用来指定多个文件，给不同的浏览器提供可支持的编码格式

<audio>
  <source src="" />

</audio>

5. video  视频标签

<video controls>
  <source src="" />
</video>

poster:封面图