html总结

• 1 ， <hr> <!-- 分割线 -->

• 2 ， <br> 强行换行

• 3 ， 通用属性： class title id style

• 4 ， 假链接：快速回到顶部 <a href="#"></a>

• 5 ， 空格 &nbsp; 大于号 &gt; great than

小于号 &lt; less than 版本符号 © &copy;

• 6， em 强调作用 strong 强重要性强调作用

del 告诉浏览删除的内容 delete删除

ins 告诉浏览插入的内容

• 7， 有序标签：ol li 无序标签：ul li 定义列表：dl dt dd

• 8，<img src="" alt=""> src source 设置图片的引入地址

alt 当图片加载失败时的提示信息，读屏器读取

title 是悬停时的提示信息 通用属性

• 9，绝对路径，相对路径

- 绝对路径

- 完整的网络路径就是绝对路径(一定要有http 或者 https)

- 本地文件，从盘符出发到目标文件的路径就是绝对路径 （不推荐）

- 相对路径

- 本地文件，从当前文件出发到目标文件的路径就是相对路

./ 当前目录，当前文件所在的目录 ./可以省略

../ 上一级目前

/ 根目录 当前所在盘符的根目录

• 10，<a href=""></a> href 设置要跳转到的链接地址；

（1）target 是否在新的标签页进行页面跳转

取值：_self 默认值 在当前标签页进行页面跳转

_blank 新开一个标签页进行页面跳转

（2）创建锚点链接 跳转到页面中指定的位置

1. 给要跳转到的目标位置设置一个独一无二的id名

2 .将这个id名设置给a标签href属性

• 11，视频标签 ：<video src=""></video>

src 视频地址 网络，本地

- controls 设置控制条 当属性名和属性值一样的时候可以只写一个

- autoplay 自动播放

- muted 静音

- width 设置宽度

- height 设置高度 推荐只设置宽高中的一个值

- loop 循环播放

- poster 设置视频封面

- preload 预加载，不要和自动播放同时使用

<video> 元素支持三种视频格式： MP4, WebM, 和 Ogg，这三种视频格式没有哪一个是所有的浏览器中支持的

• 12，音频播放<audio src=""></audio> 用法和video一样

• 13，表格：<table> 书写格式

<table> 表格

<caption>表格标题

<thead>表格表头

<tr> <th>

<tbody>表格主题

<tr> <td>

<tfoot>表格页脚（表尾）

<tr> <td>

---

14，表单：<form action="">

<input type="text">

</form>

-action属性就是设置表单上传时的服务器地址

-type 属性取值不同标签的表现不同

取值： text：默认值 明文输入框

(1) password : 掩文输入框

(2) button : 普通按钮，需要和js配合操作 没有名称需要使用value属性设置按钮名称

(3)reset :重置按钮,有按钮名称可以value修改，点击后将表单信息恢复到用户输入之前的转态

(4)submit : 提交按钮，有按钮名称

(5)placeholder 占位符 设置提示信息

(6) value 输入框设置默认值，在按钮设置按钮名称

(7) autofocus 自动获取焦点（自动聚焦）

• 使用使输入框获取焦点用<label> 标签将文字和输入框绑定

方法一：<label for=""></label>

使用label包裹文字，给输入框设置id，将id给label标签的for属性

方法二：

<label for="hobby">

<input id="hobby" type="text"> 随意输入

</label>

按钮的实现方式2 ：<button type=""></button>

button标签 没有按钮名称需要在button标签的标签体设置

type属性：

取值：submit 默认值 提交按钮

reset 重置 button 按钮

• 下拉菜单 <select name="" id="">

<optgroup>

<option value=""></option>

</optgroup>

</select>

下拉菜单中的选项使用option标签设置

- 表单提交时的键值对为 select的name属性值和选中的option标签的value属性值

- option标签上设置selected属性 为默认选中

- 使用optgroup标签给选项进行分组 组名通过optgroup标签的label属性设置

• 单选框<input type="text">

- type属性取值为radio的时候为单选框

- 一组单选框默认是不会互斥，想要互斥需要给这一组单选框设置相同的name属性值

- checked属性给单选框和复选框设置默认选中

• 多选框 <input type="checkbox">

- input标签的 type属性取值为checkbox的时候为多选框

• 文本域 <textarea name="" id="" cols="30" rows="10"></textarea>

-cols="30" 设置用户可以看到的列数

- rows="10" 设置用户可以看到的行数

- 默认是可以缩放的，可以通过css取消

-文本域的默认值 需要在标签体中设置，但是用户输入的值还是保存在textarea标签的value属性

-maxlength 设置最大长度

- minlength 设置最小长度 必需要同事设置required属性

<textarea name="" maxlength="10" minlength="3" required></textarea>

---