# HTML_圖像_鏈接_列表_表格_媒體_表單img_a href_230420

## 一、圖像標簽img

### 1。 src="圖片地址"必須

? ? 相對地址（推薦），絕對地址

? ? ../ ---表示上一級目錄 相對路徑

? ? ../resources表示回到上一級HTML_0419目錄

### 2。alt="加載失敗的圖片說明 必須

alternative 可替換的 "

### 3。title="懸停文字"

### 4。width = "圖片寬度 "

### 5。height = "圖片高度"

### 6。 idea 中 ，<img>內空格后會出現(xiàn)待選下拉框

?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|標題頭部區(qū)域的內容(用于頁面或頁面中的一塊區(qū)域|

|footer|標記腳部區(qū)域的內容(用于整個頁面或頁面的一塊區(qū)域|

|section|Web頁面中的一塊獨立區(qū)域|

|article|獨立的文章內容|

|aside|相關內容或應用(常用于側邊檔)|

|nav|導航類輔助內容|

## 七、表單語法form_method action

### 1. form開始標簽 method="post|get" 表單提交方式 必須

post|get ：規(guī)定如何發(fā)送表單數(shù)據(jù)常用值

- get方式提交：在url中即可看到提交的信息，高效但不安全

- post提交，則在url標簽中 沒有輸入參數(shù)，比較安全

- 但是 在提交前 審查/network/Payload/Form Data 可以看到發(fā)送的數(shù)據(jù)包/

username: 張三

pwd: 987654321

但是通過加密技術，可以將此處的信息進行加密

在Headers 中可以看到數(shù)據(jù)請求提交的Request URL，即src 地址。

### 2.? form開始標簽 action：表示向何處發(fā)送表單數(shù)據(jù) 必須

action=""必填 表單信息提交的位置，可以是網站 也可以是一個請求 處理地址

Request Method ：POST

### 示例表單

_