HTML_img_a href_ol/ul/dl_table_vedio/audio__header/section/foote
# HTML_图像_链接_列表_表格_媒体_表单img_a href_230420
## 一、图像标签img
### 1。 src="图片地址"必须
相对地址(推荐),绝对地址
../ ---表示上一级目录 相对路径
../resources表示回到上一级HTML_0419目录
### 2。alt="加载失败的图片说明 必须
alternative 可替换的 "
### 3。title="悬停文字"
### 4。width = "图片宽度 "
### 5。height = "图片高度"
### 6。 idea 中 ,<img>内空格后会出现待选下拉框
src="相对路径" alt=加载失败的图片说明 两项为必填 >;
## 二、链接标签a href=""
### 超链接
#### 1.页面间链接
从一个页面链接到另一个页面
#### 2.锚链接
##### 在a标签+name=锚点 name=top top就是标记name的名称
```java
<a name="top">梦开始的地方</a><br/>
<a href="#top">回到顶部</a>
```
#### 3. 功能性链接
#### 4. 行内元素和块元素
##### 块元素
无论内容多少,该元素独占一行
(p、h1-h6...)
##### 行内元素
内容撑开宽度,左右都是行内元素的可以在排在一行
( a . strong . em ...
## 三、列表ol/ul_li;dl_dt_dd
### 1. 什么是列表
列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息
### 2. 列表的分类
#### 1. 有序列表
#### 2. 无序列表
#### 3. 定义列表
## 五、视频和音频video_audio+controls
controls 视频控件
autoplay 自动播放
muted 关闭声音(某些高版本浏览器才能自动播放)
## 六、页面结构分析header_section_footer
|元素名|描述|
|--|--|
|header|标题头部区域的内容(用于页面或页面中的一块区域|
|footer|标记脚部区域的内容(用于整个页面或页面的一块区域|
|section|Web页面中的一块独立区域|
|article|独立的文章内容|
|aside|相关内容或应用(常用于侧边档)|
|nav|导航类辅助内容|
## 七、表单语法form_method action
### 1. form开始标签 method="post|get" 表单提交方式 必须
post|get :规定如何发送表单数据常用值
- get方式提交:在url中即可看到提交的信息,高效但不安全
- post提交,则在url标签中 没有输入参数,比较安全
- 但是 在提交前 审查/network/Payload/Form Data 可以看到发送的数据包/
username: 张三
pwd: 987654321
但是通过加密技术,可以将此处的信息进行加密
在Headers 中可以看到数据请求提交的Request URL,即src 地址。
### 2. form开始标签 action:表示向何处发送表单数据 必须
action=""必填 表单信息提交的位置,可以是网站 也可以是一个请求 处理地址
Request Method :POST
### 示例表单
_