1.HTML技術
1.1 HTML簡介
它是一門描述網頁的語言，全稱（HyperText MarkUp Language）超文本標記語言。
超文本：超出文本的範疇，指的是在網頁上面可以描述文本、圖片、視頻等內容
標記：標籤，在標籤裏面書寫內容。
語言：html就是用戶和瀏覽器交互的工具。簡單來講，瀏覽器會解析html的標記，以特定的效果展示出來。
1.2 html的主要組成部分：
文檔的聲明<!DOCTYPE>:聲明瞭html的類型和版本號。
html的根標記<html></html>：標識了html的開始和結束。
html的頭部標記<head></head>:設置與頁面相關的信息。
html的主題標記<body></body>：在頁面展示內容。
1.3
1.段落標記<p></p>和換行標記<br />
注意：<p>標籤會在開始自動換行，他是基於本行前面有內容的情況，如果已經是開頭或者當前行的最前面，是不會再次換行的
2.文本樣式標記<font>內容</font>
常用的屬性：face 用來描述字體的樣式
size用來描述字體的大小，最大取值爲7
color用來描述字體的顏色，取值三種形式：
a.用英文單詞標識 b.用16進制數據表示：#ff0000 c.用rgb（255，255,0）來表示
3.圖像標記
(1)定義：在網頁上引入圖片
(2)語法：<img src="圖像的url" />
(3)常用的屬性：src 用來引入圖片
width 描述圖片的寬度
height 描述圖片的高度
border 描述圖片的邊框
註釋標記的用法<!--圖片-->
5.表格標記
(1)作用：使表格更加的有條理顯示出來，用來規劃網頁。
(2) <table>
<tr>
<td>單元格的內容</td>
</tr>
</table>
<table></table>用於定義一個表格.
<tr></tr>用於定義表格中的行.
- align用來描述表格內的內容顯示的位置。
align=”center” align=”right” align=”left”
<td></td>用於定義表格中的單元格（列），必須嵌套在<tr></tr>標記中。
<th></th>表示單元格，自動居中，加粗。
常用的屬性：
border:給表格加邊框。
width:描述表格的寬度。
align：描述表格的位置。
cellspacing：描述邊框的寬度。
cellpadding：描述邊框與文字的距離。
例：<table border="2" width="200" align='center' cellpadding="2" cellspacing="6">
6.表單控件
表單簡介：把用戶輸入的數據提交到服務器端，簡單來說，表達用來讓用戶輸入數據，表單把數據封裝起來，提交到後臺的服務器。
表單的組成：（一共有三部分）
a.表單控件：用戶輸入數據，比如說輸入用戶名，輸入密碼。
b.提示信息：告訴用戶輸入框要輸入什麼值。
c.表單域：標識表單的開始和結束，語法爲：<form>提示信息：表單控件</form>
1.創建表單
例如：<form action=''htmlDemo01.html''method=''post'' name=''登錄表單''>
用戶名:<input type=''text'' name=''username'' /><br />
密碼：<input type=''password'' name=''psw'' /><br />
<input type=''submit'' value=''提交'' />
</form>
常用的屬性：action：表單要提交的位置
method：表單提交的方式，常用的有get提交和post提交，默認情況下是get提交。
get和post提交的區別：
a.get提交：數據會顯示在瀏覽器的地址欄，不安全，提交的數據大小是有限制的。
b.post提交：數據不會顯示在瀏覽器的地址欄，安全，提交的數據大小是沒有限制的。
2.表單控件：<input />
輸入框控件的屬性type：
文本框：text
密碼框：password
單選按鈕：radio
複選按鈕：CheckBox
上傳按鈕：file
提交按鈕：submit
重置按鈕：reset
注意：表單想要把數據提交到指定的位置，輸入框必須要有name屬性。
比如：
評論：<br />
<form method=''get'' action=''htmlDemo01.html>
<textarea rows=''5'' cols=''50'' name=''pinglun''>輸入評論，請注意文明用語！</textarea><br />
<input type=''submit'' value"提交評論" />
</form>