HTML:超文本標記語言
HyperText Markup Language
一種用于創建網頁的標準標記語言
HTML 運行在瀏覽器上，由瀏覽器來解析。
https://www.runoob.com/html/html-tutorial.html
1.格式
<!DOCTYPE html>?
<html>
<head>
<meta charset="utf-8">?
<title>中文測試。。。。</title>
</head>
<body>
這里是測試body測試內容。。。
</body>
</html><!DOCTYPE html> 聲明為 HTML5（最新的HTML標準）文檔 告訴瀏覽器按照標準模式進行解析渲染頁面，有助于瀏覽器中正確顯示網頁
<html> </html>元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數據，如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8。
<title> 元素描述了文檔的標題
<body> 元素包含了可見的頁面內容
2.標簽 在body內
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
HTML 標簽大部分是成對出現的，比如 <b> 和 </b>，還有少部分為單標簽，比如<hr>
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
<h1></h1>雙標簽 標題 ，加粗，換行 ?1-6 ---》小
<p></p> 雙標簽 ?段落，有換行功效
<hr> 單標簽 ?左到右分割符(橫線)
<!-- ? ?-->注釋
3.元素的屬性
給元素提供附件信息，大部分的元素屬性
屬性一般描述于開始標簽
屬性總是以"名稱=值對"的形式出現，比如：name="value"。
語法：<標簽 屬性名稱=參數1>
1) bgcolor ，body的屬性設置網頁的背景色
<body bgcolor="ff1234">
2）background ?body的屬性設置網頁的背景圖片
3）align屬性 值： left，right，center
4.文本元素屬性
b 元素 <b>內容</b> 加粗
br 換行<br>?
i元素， 字體傾斜<i></i>
del元素 刪除文字<del></del>
strong ?強調一段文字，效果類似 b標簽
ins元素，插入文字（下劃線<ins></ins>）
small元素， 超小字體<small></small>
sub 下標<sub></sub>
sup ?上標<sup></sup>
<br>h<sub>2</sub>0
<br>100m<sup>2</sup>
5、img 單標簽
<img src="url" alt="some_text">
src 圖像來源
alt 如果不能正確打開，顯示的替換文字
width, height
<img src="abc.jpg" alt="美女" width="50" height="60">?
<img src="abc.jpg" alt="美女" width="50%" height="200%">
百分比是相對于網頁而言的， 高度百分比無效的
?? ?  ?空格
6、超鏈接
5種形式
基本語法
<a href="url">鏈接文本</a>
1.鏈接外部網站
2.鏈接本地文件
3.圖片鏈接
4.電子郵件鏈接打開電子郵件
5.下載文件鏈接
<a href="http://www.baidu.com">baidu</a>
<br><a href="1.html">鏈接文件</a>
<br><a href="1.html"><img src="abc.jpg"></a>
<br><a href="mailto:123@13.com">發送郵件</a>
<br><a href="abc.jpg">下載</a>
上面的方法在打開新網頁時，老的網頁會關閉
target 屬性
_self :當前位置打開 默認值
_blank 新窗口中打開
<a href="http://www.baidu.com" target="_blank">baidu</a>
7、列表
1）有序列表，
2）無需序列
3）自定義列表
1）無序列表 前面無數字
<ul type=square>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ul>
type屬性 文字最前面的符號
disc 黑色實心圓
circle 白色空心圓
square 黑色方塊
2）有序列表，前面有數字
?? ?<ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ol>
其中可以放文字，圖片，或鏈接
有type屬性，設置排序使用什么數字
a 表示小寫英文字母編號
A 表示大寫英文字母編號
i 表示小寫羅馬數字編號
I 表示大寫羅馬數字編號
1 表示數字編號（默認）
8、表格的構成，
table，外框
tr 行
td 列
<table border="1">
<tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
<tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
</table>
3行 3列
表格的屬性
border 邊框粗細
th,是tr的屬性，列標題，自動居中，加粗（和tr用法一樣）
colspan，橫向合并單元格，需要 整形參數
<tr><th colspan="3">name</th></tr>?
表格的合并
rowspan ,列項合并，整數參數
?? ?
9、表單?? ?傳遞參數，數據
HTML 表單用于收集用戶的輸入信息。
HTML 表單表示文檔中的一個區域，此區域包含交互控件，將用戶收集到的信息發送到 Web 服務器。
<form>
</form>
屬性 action，指定表單發送的地址（表單轉向的網頁等）
屬性 method 發送的方式 get，post?
get方法 數據會附加到url的后面傳遞給服務器 默認
post，將數據包大包發給服務器，等候服務器來讀取?
表單中重要的字元素 input button?
<form method="get" action="">
username: <input type="text" name="用戶名"><br>
passward: <input type="text" name="密碼">
</form>
10、input元素，（輸入框）他是表單的一個字屬性
指定表單中的內容項，比如輸入內容的文本框
可以指定表單屬性，也可以放在表單的外面。
input元素的屬性：
type，指定輸入框的類型，
text 單行文本，
password 密碼，
submit 提交按鈕，
radio 單選按鈕
reset 重置按鍵，
image 圖片式按鍵
<input type="image" src="1.jpg" alt="圖標" width="48" height="48"
點擊圖片會上交點擊的坐標（get方式url中可以看到）
name：名稱，輸入內容識別名稱，傳遞參數時候的參數名稱
value： 默認值，輸入框默認填入的內容，
maxlength，指定最大長度maxlength="3"
placeholder,設置提示信息的。
required:表示內容必須填寫，不然不能提交。
<form action="xxx.html" method="get" align="center">
username: <input type="text" name="用戶名" required><br>
passward: <input type="password" name="密碼" maxlength="3" placeholder="你猜"><br>
<input type="reset" value="重置">
<input type="submit" value="提交">
<input type="button" value="按鍵">
<input type="image" src="img_submit.gif" alt="圖標" width="48" height="48">?? ?
</form>
)
