欢迎光临散文网 会员登陆 & 注册

HTML_img_a href_ol/ul/dl_table_vedio/audio__header/section/foote

2023-04-21 07:16 作者:Biehmltym  | 我要投稿

# 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

### 示例表单

_

HTML_img_a href_ol/ul/dl_table_vedio/audio__header/section/foote的评论 (共 条)

分享到微博请遵守国家法律