html超文本標記語言
什麼是html？
全稱爲超文本標記語言,是一門標記語言
1、HTML 標記標籤通常被稱爲 HTML 標籤 (HTML tag)。
2、HTML 標籤是由尖括號（標記）包圍的關鍵詞，比如<html>
3、HTML 標籤通常是成對出現的，比如<b>和</b>
4、標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
5、開始和結束標籤也被稱爲開放標籤和閉合標籤
常用變遷
標題標籤 H1~H6
注意
h1標籤的權重值比較高
p 段落標籤br 換行標籤span 賦予樣式b 加粗strong 加粗和強調i 斜體em 斜體並且有強調的作用(同strong)<hr> 分割線=>不常用sup上標=>不常用sub下標=>不常用
三種列表標籤
無序列表ul li
行內樣式 type:
disc=實心圓 circle=空心圓 square=方塊符號
注意：ul li必須要成對出現！他們擁有父子級關係！
list-style:none;
有序列表 ol li
行內屬性 type:
A a I i 1
描述列表:自定義列表dl dt dd
代表一個描述列表
dl定義自定義列表 dt列表術語 dd列表術語描述內容
a標籤 超鏈接
跳轉 下載 錨點
href 用於指定超鏈接的目標頁面地址
target='' 規定網頁在何處打開
_blank 在新窗口中打開被鏈接文檔。
_self 默認。在相同的框架中打開被鏈接文檔。
頁面中所有的a標籤在新標籤打開
<head>
<base target="_blank" />
</head>
a錨點
<a href='壓縮包文件地址或者程序地址'>下載文件！</a>
發送郵件：
<a href='mailto:[email protected]'>聯繫我！</a>
a錨點
1.給要跳轉的地方設置id=‘a1’ 點擊的地方href=‘#a1’
2.給要跳轉的地方添加a標籤 再給name=’a2’ 點擊的地方herf=’#a2’
圖片標籤
常見的圖片格式：
1.gif 動態圖片
2.jpg
3.png 透明圖片
圖片四要素
1.src 路徑
src=''
source的簡寫形式。翻譯過來是源的意思 專業名詞叫做統一資源管理，其實就是寫圖片地址的地方！
絕對路徑
網絡圖片鏈接：複製網站圖片的圖片鏈接直接拿來使用
本地圖片：通過盤符出發，屬性-位置+圖片名字 盤符的斜槓建議寫成正斜槓，避免和後臺java 出現衝突
<img src='http://' />
相對路徑
引入的目標文件（這張圖片）相對於源文件（我們自己）的位置的關係！
/ 進文件 ../ 出文件
2. alt 描述
說明作用
對於seo的影響:可被搜索引擎抓取`
3 width=寬度4 height=高度
不用來改變圖片的大小，值等於圖片本身寬高，如果要改變 用樣式改變。
改變一個值得時候 另一個值等比縮小 會失真。兩個值都變化得時候，會導致壓縮圖片。