一、WEB概念
1、軟體架構
- C/S：安卓、QQ、迅雷，開發兩端
- B/S
2、資源分類
- 靜态資源：浏覽器内置解析引擎
- HTML：展示内容
- CSS：頁面布局
- JavaScript：控制頁面元素，産生動态效果
- 動态資源：伺服器執行後轉為靜态資源
二、HTML
1、概念
- Hyper Text Markup Language-超文本标記語言
- 超文本：各種文本網狀組織
- 标記：标簽構成
2、入門
- 标簽分為圍堵标簽和自閉和标簽
- <!DOCTYPE html>：定義文檔類型
- 文本标簽
- <i>：斜體
- <font>：字型
- color
- 單詞
- RGB
- #AABBCC：00-FF之間的16進制
- size
- face：字型
- 圖檔标簽<img src="image/jingxuan_2.jpg" align="right" alt="古鎮" width="500" height="300"/>
- alt表示替換的文本
- 清單标簽
- 有序：ol>li
- 無序：ul>li
- 連結标簽：a
- 指向連結、html檔案（相對路徑）、郵箱（mailto）、圖檔連結（嵌套img标簽）
- target屬性：打開資源的方式
- _self：在目前頁面打開
- _blank：在空白頁面打開
3、div和span标簽
- 與CSS結合使用，友善通過CSS進行控制
- div：塊級标簽（自動換行）
- span：内聯标簽（行内标簽）
4、語義化标簽（H5）
之前：div包裹，附加id，使用css控制
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<title>黑馬程式員簡介</title>
</head>
<body>
<div id="header">
<h1>公司簡介</h1>
</div>
<hr color="#f0ff18" />
<p>
<font color="#ff0000"> "中關村黑馬程式員訓練營"</font>是由<b><i>傳智播客</i></b>聯合中關村軟體園、CSDN， 并委托傳智播客進行教學實施的軟體開發高端教育訓練機構，緻力于服務各大軟體企業，解決目前軟體開發技術飛速發展， 而企業招不到優秀人才的困擾。
</p>
<p>
目前，“中關村黑馬程式員訓練營”已成長為行業“學員品質好、課程内容深、企業滿意”的移動開發高端訓練基地， 并被評為中關村軟體園重點扶持人才企業。
</p>
<p>
黑馬程式員的學員多為大學畢業後，有理想、有夢想，想從事IT行業，而沒有環境和機遇改變自己命運的年輕人。 黑馬程式員的學員篩選制度，遠比現在90%以上的企業招聘流程更為嚴格。任何一名學員想成功入學“黑馬程式員”， 必須經曆長達2個月的面試流程，這些流程中不僅包括嚴格的技術測試、自學能力測試，還包括性格測試、壓力測試、 品德測試等等測試。毫不誇張地說，黑馬程式員訓練營所有學員都是精挑細選出來的。百裡挑一的殘酷篩選制度确 保學員品質，并降低企業的用人風險。
</p>
<p>
中關村黑馬程式員訓練營不僅着重培養學員的基礎理論知識，更注重培養項目實施管理能力，并密切關注技術革新， 不斷引入先進的技術，研發更新技術課程，確定學員進入企業後不僅能獨立從事開發工作，更能給企業帶來新的技術體系和理念。
一直以來，黑馬程式員以技術視角關注IT産業發展，以深度分享推進産業技術成長，緻力于弘揚技術創新，倡導分享、 開放和協作，努力打造高品質的IT人才服務平台。
</p>
<hr color="#f0ff18" />
<div id=""footer>
<font color="#696969" size="2">
<center>
江蘇傳智播客教育科技股份有限公司 版權所有<br>
Copyright © 2006-2018, All Rights Reserved 蘇ICP備16007882
</center>
</font>
</div>
</body>
</html> 現在
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<title>黑馬程式員簡介</title>
</head>
<body>
<header>
<h1>公司簡介</h1>
</header>
<hr color="#f0ff18" />
<p>
<font color="#ff0000"> "中關村黑馬程式員訓練營"</font>是由<b><i>傳智播客</i></b>聯合中關村軟體園、CSDN， 并委托傳智播客進行教學實施
的軟體開發高端教育訓練機構，緻力于服務各大軟體企業，解決目前軟體開發技術飛速發展， 而企業招不到優秀人才的困擾。
</p>
<p>
目前，“中關村黑馬程式員訓練營”已成長為行業“學員品質好、課程内容深、企業滿意”的移動開發高端訓練基地， 并被評為中關村軟體園重點扶持人才企業。
</p>
<p>
黑馬程式員的學員多為大學畢業後，有理想、有夢想，想從事IT行業，而沒有環境和機遇改變自己命運的年輕人。 黑馬程式員的學員篩選制度，遠比現在
90%以上的企業招聘流程更為嚴格。任何一名學員想成功入學“黑馬程式員”， 必須經曆長達2個
月的面試流程，這些流程中不僅包括嚴格的技術測試、自學能力測試，還包括性格測試、壓力測試、 品德測試等等測試。毫不誇張地說，黑馬程式員訓練營所
有學員都是精挑細選出來的。百裡挑一的殘酷篩選制度确 保學員品質，并降低企業的用人風險。
</p>
<p>
中關村黑馬程式員訓練營不僅着重培養學員的基礎理論知識，更注重培養項目實施管理能力，并密切關注技術革新， 不斷引入先進的技術，研發更新技術
課程，確定學員進入企業後不僅能獨立從事開發工作，更能給企業帶來新的技術體系和理念。
一直以來，黑馬程式員以技術視角關注IT産業發展，以深度分享推進産業技術成長，緻力于弘揚技術創新，倡導分享、 開放和協作，努力打造高品質
的IT人才服務平台。
</p>
<hr color="#f0ff18" />
<footer>
<font color="#696969" size="2">
<center>
江蘇傳智播客教育科技股份有限公司 版權所有<br>
Copyright © 2006-2018, All Rights Reserved 蘇ICP備16007882
</center>
</font>
</footer>
</body>
</html> 5、表格标簽
三、綜合案例：旅遊網站首頁
之後使用div和css
現在使用table完成