1.什么是標(biāo)簽？
只要帶有尖括號(hào)的代碼就是標(biāo)簽
2.固定結(jié)構(gòu)代碼
！+ tab? 或者 html：5 + tab
3.分析固定結(jié)構(gòu)代碼
4.標(biāo)簽的分類以及關(guān)系
標(biāo)簽的分類：?jiǎn)螛?biāo)簽和雙標(biāo)簽
標(biāo)簽的關(guān)系：嵌套關(guān)系/父子關(guān)系、并列關(guān)系/兄弟關(guān)系
5.標(biāo)題標(biāo)簽
h1~h5
6.段落標(biāo)簽
p
7.文本格式化標(biāo)簽
<strong></strong>加粗,<ins></ins>下劃線，<em></em>斜體文字，<del></del>刪除線
8.img標(biāo)簽的使用
9.a標(biāo)簽的根頁(yè)面
href=目標(biāo)頁(yè)面的路徑 ，target=控制頁(yè)面的跳轉(zhuǎn)方式:_blank保留原來的頁(yè)面
a標(biāo)簽的其他用法
10.a標(biāo)簽的錨點(diǎn)定位
11.base標(biāo)簽的使用
base標(biāo)簽，可以統(tǒng)一控制頁(yè)面所有的a標(biāo)簽，寫在head標(biāo)簽中，江湖規(guī)矩
12.無序列表
無序列表：存放沒有順序的數(shù)據(jù)
烤老鼠
烤蛇皮
烤榴蓮
13.有序列表
1.冠軍
2.亞軍
3.季軍
14.自定義列表
筆記本電腦
? ? ? ? ? ? 華為
? ? ? ? ? ? 蘋果
? ? ? ? ? ? 三星
15.表格
1.表格的三個(gè)基本標(biāo)簽：<table>表格、<tr>行、<td>單元格
王力宏 男 43
鄧紫棋 女 28
陳百?gòu)?qiáng) 男 60
2.表格的常見屬性：border:表格的邊框、width/height:表格的寬高、cellspacing:邊框之間的空白間隙,一般給0、cellpadding:內(nèi)容到邊框的距離,很少使用、align: 控制元素水平對(duì)齊方式:left center right
3.表格的完整結(jié)構(gòu)
4、表格相鄰邊框合并一起? border-collapse:collapse;
16.常用的表單控件
1.input是一個(gè)非常重要的表單控件
2.from表單域
3.label標(biāo)簽綁定
4.補(bǔ)充表單控件
17.絕對(duì)路徑和相對(duì)路徑
絕對(duì)路徑 ：
? ? 1.只要帶有盤符的路徑就是絕對(duì)路徑: c.d.e.f
? ? 2.網(wǎng)絡(luò)地址也是絕對(duì)路徑
? ? 3.可移植性差
相對(duì)路徑：
<!-- 1.圖片與html在同一級(jí)目錄 -->
? ? <!-- 直接通過圖片名找到 -->
? ? <img src="你老公.png" alt="">
? ? <!-- 2.圖片在html的下一級(jí)目錄 -->
? ? <!-- 先進(jìn)入下一級(jí)文件夾(文件夾名/) -->
? ? <!-- 再通過圖片名找到 -->
? ? <img src="浴室/群主老公.png" alt="">
? ? <!-- 3.圖片在html的上一級(jí)目錄 -->
? ? <!-- 先返回到上一級(jí)(../) -->
? ? <!-- 再通過圖片名字找到 -->
? ? <img src="../我老公.png" alt="">
? ? <!-- 4.圖片在另外一個(gè)文件夾 -->
? ? <img src="../另外一個(gè)房間/她老公.png" alt="">
? ? <!-- 注意: 相對(duì)路徑不能跨盤符 -->
18、新版本標(biāo)簽,擁有更好的語義化
<!-- <header></header>
? ? ? ? <div class="header"></div>
? ? ? ? <nav></nav>
? ? ? ? <div class="nav"></div>
? ? ? ? <footer></footer>
? ? ? ? <div class="footer"></div>
? ? ? ? <article></article>
? ? ? ? <aside></aside>
? ? ? ? <section></section>
? ? ? ? <button></button> -->
? ? ? ? <!-- 新版本標(biāo)簽,擁有更好的語義化 -->
