1、基礎Internet上的程序html
1.C / S 結構正則表達式
Client 客戶機 / Server 服務器瀏覽器
特色：必須經過指定的客戶端軟件才能訪問服務器端的一種程序安全
例如：桌面QQ服務器
2.B / S 結構 對用戶要求少，發展快，資源佔用少app
Browser 瀏覽器端 / Server 服務器框架
特色：經過瀏覽器就能訪問服務器端的一種程序ide
例如：網頁版百度 網頁版QQ佈局
3.Web是基於Internet上的一種應用程序（網頁應用程序）post
Web頁面保存在服務器端上的一個頁面
2、Web功能：
1提交用戶請求（US user Agree）
2腳本執行的解析器
3以圖形化的方式顯示Web頁面
3、主要技術：
1 HTML 2Css 3Javascript
4、HTML具備必定的代碼規範
1.基礎語法：
標記語法：HTML中用於描述功能的符號成爲」標記「；
標記在使用中，用簡括號<>
A.封閉類標記 （雙標記）<標記></標記>
B.非封閉類標記 <標記 />
2.標準嵌套
在對標記中容許出現另一對標記
<標記1>
<標記2></標記2>
</標記1>
注意 行內標記不能嵌套 塊級元素
3.標記屬性：用來修飾標記效果的內容就是屬性
4.註釋
語法 <!-- -->
1.註釋不能嵌套
2.註釋不能出如今標記中
5、HTML文檔結構
萬維網聯盟 W3C
1.HTML文檔的組成
文檔的聲明：告知瀏覽器當前的HTML對應文檔用的是哪一個版本
語法：<!doctype HTML>
結構：
<!DOCTYPE HTML>
<html>
<head>
<!-- metadata goes here -->
<title>Example</title>
</head>
<body>
This is the <code>content</code>.
</body>
</html>
<b>加粗</b> 加粗
<i>斜體</i> 斜體
<u>下劃線</u> 下劃線
<s>刪除線</s> 刪除線
上標<sup>11</sup> 上標11
下標<sub>22</sub> 下標22
<pre>預格式標記：保留原文檔中空格和回車</pre>
2.超連接：
語法：<a > </ a>
A.href 屬性 HTML頁面的URL
B.targe：目標指定新標籤頁中打開
C.Self：在自身標籤頁中打開新網頁
3.錨點： 使用命名錨記能夠在文檔中設置標記，這些標記一般放在文檔的特定主題處或頂部。而後能夠建立到這些命名錨記的連接，這些連接可快速將訪問者帶到指定位置。
使用方法：
A定義錨點：
a. *若要連接到當前文檔中的名爲"top"的錨記，請鍵入 #top。如:<a href="#top">點擊我鏈接到TOP</a>
b.任何標記id屬性定義錨點（推薦）
6、URL表現形式
1.絕對路徑
特色：從文本所在的最高級目錄處開始查找資源所通過的路徑
使用場合：當你想訪問互聯網上的資源
完整的絕對路徑分四部分：1協議 2域名3目錄路徑4文件名 好比：https://p1.ssl.qhimg.com/dm/24_24_100/t01687c1f6eee4c109f.jpg
2.相對路徑
特色：從當前文件位置開始查找資源文件所通過的路徑就是相對路徑
使用場合：使用本機文件時使用
同目錄，直接用
子目錄，先進入
父目錄 先返回
3.根路徑
特色：路徑形式時以 / 做爲開始的
/表示服務器的跟路徑
7、主要標籤及命名
主要標籤
<header> 標籤訂義文檔的頁眉（介紹信息）。
<nav> 標籤訂義導航連接的部分。
<section> 標籤訂義文檔中的節（section、區段）。好比章節、頁眉、頁腳或文檔中的其餘部分。
<article> 標籤規定獨立的自包含內容
<footer> 標籤訂義文檔或節的頁腳。
<aside> 標籤訂義其所處內容以外的內容。
命名規範：
內容:content/container
尾部:footer
導航:nav
側欄:sidebar
欄目:column
總體佈局:wrapper
左右中:left / right / center
登陸條:loginbar
標誌:logo
廣告:banner
頁面主體:main
熱點:hot
新聞:news
下載:download
子導航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情連接:friendlink
頁腳:footer
版權:copyright
滾動:scroll
標籤頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標題:title
加入:join
指南:guild
服務:service
註冊:regsiter
狀態:status
投票:vote
合做夥伴:partner
8、表單
1.屬性
action：url 地址，服務器接收表單數據的地址
method：提交服務器的http方法，通常爲post和get
get：向服務器請求數據 限制大小2K 安全性低 明文提交
post：將數據傳遞給服務器 無大小限制 安全性高 隱藏提交
name: 表單名稱
enctype: 表單數據提交時使用的編碼類型，默認使用"application/x-www-form-urlencoded"，若是是使用POST請求，則請求頭中的content-type指定值就是該值。
若是表單中有上傳文件，編碼類型須要使用"multipart/form-data"，類型，才能完成傳遞文件數據。
2.隱藏域
特色：是用來收集或發送信息的不可見元素，對於網頁的訪問者來講，隱藏域是看不見的。當表單被提交時，隱藏域就會將信息用你設置時定義的名稱和值發送到服務器上。
3.label
語法：<label> 標籤</label>
特色:label 元素不會向用戶呈現任何特殊效果。不過，它爲鼠標用戶改進了可用性。若是您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控件上。
方法:<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。
4.控件分組：
<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>
5.浮動框架
特色：iframe 元素會建立包含另一個文檔的內聯框架（即行內框架）。
屬性：
a.src：規定在 iframe 中顯示的文檔的 URL。
b.frameborder規定是否顯示框架周圍的邊框。m默認顯示爲1，有邊框
9、新INPUT元素
autocomplete ：是否顯示與如今輸入內容相匹配的歷史輸入記錄。
autofocus ：當頁面加載完成後，此元素得到焦點。
form ：設置元素歸屬表單的ID。
formaction ：設置表單action屬性的值。
formenctype ：設置表單enctype屬性的值。
formmethod ：設置表單method屬性的值。
formnovalidate ：關閉表單的驗證。
formtarget ：設置表單target屬性的值。
max ：設置<input>元素中數字或日期控件的最大值。
min ：設置<input>元素中數字或日期控件的最小值。
minlength ：設置文本輸入控件的內容最小長度。
pattern ：設置元素文本內容需匹配的正則表達式。
placeholder ：設置文本控件的預先顯示內容。
readonly ：設置元素是否只讀。
required ：設置控件是否爲必填項。
<input>元素type屬性的值：
color ：顏色控件。
email ：電子郵件地址輸入框。
number ：數值輸入框。
range ：滑動條。
search ：搜索框。
tel ：電話號碼輸入框。
time ：時間控件。
url ：網址輸入框。
date ：日期控件。
month ：年月日曆控件。
week：週數控件。