HTML：超文本都是由標(biāo)記（標(biāo)簽）組成的
屬性：作用是修飾元素(標(biāo)簽)
- HTML必用標(biāo)簽
- body中常用的HTML標(biāo)簽和屬性
結(jié)構(gòu)標(biāo)記
分區(qū)元素
鏈接
表格
列表
表單
通用標(biāo)簽
HTML必用標(biāo)簽（標(biāo)記/元素）
<!doctype html>
<html lang="en">
<head>
<title>常用HTML標(biāo)簽和屬性</title>
<meta charset="UTF-8">
</head>
<body>
第一次用markdown模式編寫
</body>
</html>
<html></html>根元素,每個文檔有且僅有一對根元素
<head></head>頁面的頭部元素，定義頁面全局信息
<title>定義網(wǎng)頁標(biāo)題<title>
<meta charset="UTF-8" /><!--聲明元數(shù)據(jù)編碼，關(guān)鍵詞，描述-->
<style></style><!--聲明內(nèi)部樣式表-->
<link /><!--引入外部表-->
<script></script><!--定義或引入腳本文件-->
<body></body>頁面內(nèi)容元素
body屬性(可忽略)：
<body text="grey" bgcolor="white"></body>
text：文本顏色;
bgcolor ：背景顏色；
body中常用的HTML標(biāo)簽和屬性
結(jié)構(gòu)標(biāo)記
<header>頭部內(nèi)容</header>
<nav>導(dǎo)航</nav>
<section>小結(jié)</section>
<article>文章</article>
<footer>尾部</footer>
<aside>側(cè)邊，邊欄</aside>
分區(qū)元素
塊級元素（一般情況下，元素獨占一行，元素前后都有自動換行，結(jié)構(gòu)標(biāo)記都屬于塊級元素）
<hn>標(biāo)題元素</hn> <!--n=1~6,1級最大，6級最小-->
<p>段落標(biāo)記</p><!--商用屬性 align="left/center/right"-->
<div>層，主要用于布局</div>
行內(nèi)元素（默認(rèn)情況下，多個元素位于同一行，不會換行）
<span>行內(nèi)元素作用：修改內(nèi)部內(nèi)容的樣式</span>
<!--插入圖片-->
必須屬性：src
常用屬性：width，height
鏈接
<a href="頁面路徑" target="_blank">文本或圖像</a>
屬性：
href: 鏈接URL
target：目標(biāo)，指打開新網(wǎng)頁的方式
取值：_blank:在新標(biāo)簽頁中打開
_self: 在當(dāng)前頁面中打開（默認(rèn)）
name：定義錨點名稱
例：<a name="anchorName">文本或圖片</a>
<a href="#anchorName">文本或圖片</a>
<a href="url#anchorName">鏈接到另一個頁面的摸個位置</a>
表格
<table></table>定義表格
<tr></tr>定義行
<td>創(chuàng)建單元格</td>
<table>
<caption>標(biāo)題文本</caption>
<thead>
</tr><!--先有行-->
<td>列在行內(nèi)</td>
<td></td>
</tr>
</thead>
<tbody>
</tr>
<td>列在行內(nèi)</td>
<td></td>
</tr>
</tbody>
<tfoot>
</tr>
<td>列在行內(nèi)</td>
<td></td>
</tr>
</tdoot>
</table>
表格標(biāo)題：
<caption>標(biāo)題文本</caption>
行分組：
<thead>表頭</thead>
<tbody>表主體</tbody>
<tfoot>表尾</tfoot>
table屬性:
width：表格寬度
height：表格高度
align:水平對齊方式(left,center,right)
border:設(shè)置表格的邊框
cellpadding:內(nèi)邊距(單元格邊框與內(nèi)容之間的距離)
cellspacing:外邊距（單元格與單元格之間的距離）
bgcolor:背景顏色
tr屬性:
align:left/center/right;
valign:設(shè)置該行內(nèi)容的垂直方式（top,middle,bottom）
td屬性
align：left/center/right;
valign: top,middle,bottom;
width: 單元格寬度
height:單元格高度
colspan:單元格跨列（向右合并單元格）
rowspan:單元格跨行（向下合并單元格）
列表
1.有序列表
<ol type="A" start="1">
<li>蘋果</li><!--列表項-->
<li>香蕉</li>
<li>菠蘿</li>
</ol>
屬性：
type：列表類型
取值：1(數(shù)字默認(rèn)類型)
a(小寫字母)
A(大寫字母)
i(小寫羅馬數(shù)字)
I(大寫羅馬數(shù)字)
start：起始編號
2.無序列表
<ul type="disc">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
</ul>
屬性：
type：列表類型
取值：disc:實心圓（默認(rèn)）
circle：圓環(huán)
square：實心矩形
3.自定義列表
<dl>
<dt>列表內(nèi)容標(biāo)題</dt>
<dd>列表數(shù)據(jù)</dd>
<dt>水果</dt>
<dd>香蕉</dd>
<dd>蘋果</dd>
</dl>
表單
<form action="url" method="get/post" enctype="表格數(shù)據(jù)的編碼方式" name=“定義表單名稱”>
1. <input type="text " value=" " name=" " id=" "/><!--文本框-->
2. <input type="password" value="" name=" " id=" "/><!--密碼框-->
<!--以上兩個控件的通用屬性：maxlength:限制輸入的字符數(shù)；readonly：設(shè)置控件為只讀-->
3. <input type="radio" value="" name=" " /><!--單選按鈕-->
4. <input type="checkbox" value=" " name=" " id=" " /><!--復(fù)選框-->
<!--以上兩個控件的通用屬性：checked(默認(rèn)被選中)-->
5. <input type="submit" value="顯示在按鈕上的文字（提交/注冊）"><!--提交按鈕，type="reset''重置按鈕，type="button"普通按鈕-->
6. <input type="file" enctype="multipart/form-data" method="post"/><!--文件選擇框-->
7. <input type="hidden" name=" " value=" " />
8. <select name="定義名稱" size=" " multipe="設(shè)置多選">
<option value="選項的值:例：01" selected/*預(yù)選中*/>北京 </option>
<option value="02" >蘇州</option>
</select>
9. <textarea name="名稱" cols="10" rows="5" readonly/*只讀*/>多行文本域</textarea>
10. <lable for="與該元素相關(guān)的控件的ID值">文本</lable>
</form>
屬性：
type：可以創(chuàng)建各種類型的input元素，比如：文本框，密碼框，單選按鈕，復(fù)選框
value：當(dāng)前表單元素的值，可以是提交給服務(wù)器的值，也可以是默認(rèn)顯示的初始值
name：名稱，要提交給服務(wù)器去使用
id：唯一標(biāo)識，只能在當(dāng)前頁面使用，服務(wù)器不能用
通用屬性
id: 定義每個標(biāo)簽的唯一標(biāo)識
title: 提示文本
class: 樣式相關(guān)，類樣式
style: 樣式相關(guān)，行內(nèi)樣式
