HTML基础笔记

1.vscode使用：将后缀名改为.html，创建好后，直接输入html5选择回车，自动创建HTML骨架

2.图片标签：<img src="" alt="">，src为标签属性，标签名与标签属性之间通过一个空格隔开，alt为替换文本，当图片由于什么原因显示不出时，显示alt的属性值；还有title标签属性，表示当鼠标放在图片上，将显示title的属性值；width和height属性，如果只指定其中一个，则图片等比缩放，不会变形。

3.绝对路径，相对路径：绝对路径是从盘符开始，相对路径是相对于当前文件而言的

./表示当前目录，也可以省略不写

../表示上一级目录

4. 音频标签:

<audio src="" controls></audio>

5. 视频标签：

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

6.超链接：

<a href="">超链接</a>

 7.列表：有序列表，无序列表，自定义列表

无序列表---ul和li标签，ul标签中只能包含li标签，li标签中能包含任意内容

有序列表---ol和li标签

自定义列表---dl和dt和dd标签，dd前会默认显示缩进效果，dl中只能包含dt和dd标签，dt/dd中可以                       包含任意

8.表格标签：

table/tr/td标签

表格标题标签caption，写在table标签内部

表头单元格标签th，写在tr内部，把td标签替换了

表格的结构标签thead,tbody,tfoot，结构标签用于包裹tr标签

9.合并单元格：

上下合并---只保留最上的，删除其他的

左右合并---只保留最左的，删除其他的

10.表单标签：（登录注册使用）

input标签，通过设置type属性值的不同，展示不同的效果

type="text"文本框，常用属性：placeholder

type="radio"单选框

性别：<input type="radio">男  <input type="radio">女

 需要声明name属性，要不然上面的男和女可以同时选中，正确的写法如下图所示

性别：<input type="radio" name="sex">男  <input type="radio" name="sex">女

 属性checked表示默认选中

type="file"：在网页中显示文件选择的表单控件，默认只能上传一个文件，如果需要上传多个文件，需要添加multiple属性

input系列标签----按钮

注意：使用上面的按钮，需要使用form标签，用form标签将表单标签一起包裹起来即可

button按钮标签

 select下拉菜单标签：

作用：在网页中提供多个选择项的下拉菜单控件

标签组成----select/option，selected属性表示默认选中

textarea文本域标签：

常见属性----cols/rows（右下角可拖动，样式通过CSS设置）

label标签：

作用：用于绑定内容与表单标签的关系，例如通过点击男和女文字就可以选择性别，而不是仅仅只能通过点击小⚪按钮才能选择

使用方法有两种：

性别：
    <input type="radio" name="sex" id="nan"> <label for="nan">男</label>
    <label><input type="radio" name="sex">女</label>

11.语义化标签：

实际上开发网页会大量用到div和span这两个没有语义的布局标签

div:独占一行

span:一行可以存在多个

12.字符实体：

例如在网页中想显示多个空格，但是不管你在代码中添加了多少个空格，只会显示一个，这时候就需要用字符实体代替特殊符号

空格的实体名称为-----&nbsp