HTML入门级，新手必备基础知识[可做笔记收藏]

可以有多个属性，用空格隔开

属性

1. src是路径属性
   路径：返回上一级是…/ 上两级是…/…/
   下一级直接写文件夹名称 eg. images/
2. alt是替换文本
   当图片加载成功时不显示alt内容
   图片加载失败显示alt内容
3. title 是提示文本
   当鼠标悬停时，才显示文本
   注意：title属性不仅可以用于图片标签，还可用于其他标签
4. width 和 height 设置宽度和高度
   写一个就可以，另一个会等比变化

属性

1. src 音频路径
2. controls 显示播放控件
3. autoplay 自动播放
4. loop 循环播放

注意：音频标签目前支持三种格式：MP3,Wav,Ogg

属性

1. src 音频路径
2. controls 显示播放控件
3. autoplay 自动播放 (谷歌浏览器配合 muted 实现静音播放）
4. loop 循环播放

超链接
开发初期还不知道跳转地址时，href=“#”(#代表空链接）
属性
href 链接地址
target
1. _self 默认值，在当前窗口跳转（覆盖原网页）
2. _blank 在空白页面跳转（保留原页面）

1. 标签组成：、

2. 显示特点：
   圆点显示

3. 注意点：
   ul标签中只允许包含li标签
   li标签可以包含任意内容

1. 标签组成：

2. 显示特点：
   序号标识

3. 注意点：
   ol标签中只允许包含li标签
   li标签可以包含任意内容

1. 标签组成：

2. 显示特点：
   dd前会默认显示缩进效果

3. 注意点：
   dl标签中只允许包含 dt/dd标签
   dt/dd标签可以包含任意内容

1. 标签组成：

2. 注意点：
   包裹关系：table>tr>td

常见相关属性：

注意点：实际开发用CSS设置

注意点；

1. caption标签在table标签内部
2. th用于替换td

步骤：

1. 明确合并哪几个单元格
2. 通过左上原则，确定保留谁，删除谁
   上下合并，只保留最上边的
   左右合并，只保留最左边的
   3.给保留的单元格设置：跨行合并或者跨列合并

注意点：
只有同一结构标签中的单元格才能合并（thead,tbody,tfoot)

1. 使用场景：网页显示收集用户信息的表单效果
2. 标签名：input
   input标签可以通过type属性值的不同，展示不同效果
   3.type属性值：

type属性值：（同input)

注意点：

1. 谷歌浏览器中默认button是提交按钮
2. button标签双标签，便于包裹：文字，图片

1.标签组成：
select标签：下拉菜单的整体
option标签：下拉菜单的每一项
2.常见属性：
selected ：下拉菜单的默认选中

标签名：textarea

注意点：
实际开发用css设置

1.使用场景：用于绑定内容和标签标签的关系
2.使用方法：

1. 直接用label标签把表单标签和内容一起包裹起来
2. 把label标签的for属性删除即可

特殊：没有语义的布局标签

1. div标签：一行只显示一个（独占一行）
2. span标签：一行显示多个

有语义标签–手机端常用标签

作用：在网页中显示特殊符号

1. 网页不认识多个空格，只认识一个

空格字符实体： & nbsp ; (中间没有空格）