1--html基礎

html的特點

1. html標籤是由尖括號包圍的關鍵詞
2. 標籤中的第一個標籤是開始標籤 第二個是結束標籤
3. 通常是成對存在 ，也有是單獨存在
4. 伴隨着有屬性和屬性值

css樣式

1. css的註釋/**/
2. css層疊樣式：後面的樣式會把前面的樣式覆蓋，是網頁化妝師
3. 三種寫法 1 是內部樣式2外部樣式 3標籤內樣式

javascript

1. 是操作html頁面
2. 響應用戶操作
3. 驗證傳輸數據

標題標籤

1. <h1>``<h2>``<h3>``<h4>``<h5>``<h6>
2. 字體逐漸變小
3. 字體有加粗效果

使用標題標籤的好處

1. 層次分明，重點突出
2. 在seo上排名賦予更高的權重

段落標籤

1. <p>是定義段落的文字，通常用來引入一段文字
2. <span>是區分樣式標籤

加粗標籤

1. <b> <strong>有加粗效果
2. 區別：

• b標籤沒有強調的作用；strong有強調的作用；seo權重

傾斜標籤

1. <i>``<em>標籤有傾斜效果
2. 區別：i標籤沒有強調 em標籤有強調作用

上標和下標

1. sub``sup分別爲下標和上標
2. <p>我有10<sup>10</sup></p>10的是次方

有序列表 無序列表 自定義列表

1. 無序列表 屬性

ul{
    list-style-type:dics實心圓  square方塊  circle空心圓
}

2. 有序列表 ol/li
3. 自定義列表 dl dt dd
4. ul/li ol/li dl/dd必須成對出現不能再兩者之間插入別的標籤 但是可以再li標籤內嵌套別的標籤

圖片標籤

1. <img>標籤
2. 四要素：1 src引入路徑 2寬度 3 高度 不用帶單位 4alt替換文字 當圖片顯示不出來用alt表示圖片信息，seo 5 title鼠標懸浮上去，標記圖片內容 不是四要素
3. 等比例縮放只寫一個

圖片路徑

1. 路徑： 絕對路徑和相對路徑、
2. 絕對路徑：

• 通過域名找到這張圖片
• 通過盤符找

3. 相對路徑：從相對自己的位置

相對路徑與絕對路徑的優缺點：

1. 優：快速找到相對的圖片
2. 缺點：絕對路徑：位置發生改變，圖片就顯示不出來
3. ../是返回上一層目錄 ./是當前目錄 如果上一層找不到繼續../找圖片../../

a標籤的用法

1. <a>是超鏈接標籤 當點擊時候會跳轉到另一個頁面
2. 有下劃線 字體變顏色
3. 怎麼實現不跳轉 <a herf="#"></a>
4. 在當前頁面跳轉和新頁面跳轉<a href="https://www.baidu.com" target="_self"></a>默認是在當前頁面跳轉 <<a href="https://www.baidu.com" target="_blank"></a>新頁面跳轉

a標籤用作錨點：#+綁定名

<a href="#p19">我要</a>
<p>我是p1</p>
<p>我是p2</p>
<p>我是p18</p>
<p id="p19">我是p19</p>
<p>我是p20</p>
<p>我是p21</p>
<p>我是p22</p>

通過id綁定可以實現跳轉 任何標籤都可以

<a href="#p19">我要</a>
<a href="#p15">我要</a>
<p>我是p12</p>
<p>我是p13</p>
<p>我是p14</p>
<p><a href="" name="p15"></a>我是p15</p>
<p>我是p16</p>
<p>我是p17</p>
<p>我是p18</p>
<p id="p19">我是p19</p>
<p>我是p20</p>

如果通過name綁定 需要在a標籤中寫name