web的基礎和html簡單的標簽
一、企業應用計算的演變
Host-based
Client、server
Web-base（是當前用的最多的一種模式）
不同的客戶端可以按裝不同的東西，一代比一代更好，但是第三種（BS）是有缺點的，不支持大型產品，因為它支撐不起，但是它是最流行的，只要有互聯網就可以用。建一個服務器就可以用了。
二、網頁組成部分1-w3c標準
1、結構化標準語言（html&XML）
呈現網頁內容，文字，圖片等內容
2、表現標準語言（CSS）
網頁樣式，顏色，字體大小
3、行為標準語言（DOM&ECMAScript）
網頁的交互行為（js），輪播圖。
一）、網頁的結構
1、文檔標題，段落和列表等稱做結構。結構使內容更加具有邏輯性，易用性。
在網頁中，結構的定義使用的是html語言。
二）、網頁的內容
創建網頁的目的是為了將信息提供給瀏覽網頁的用戶看
三）、網頁的表現形式
字體大小，字體顏色，版面布局，背景等等；所以外觀都稱為表現形式。在網頁中用css樣式來編寫。
四）、網頁的行為
網頁與用戶交互、響應鼠標或是按鍵事件，校驗用戶的輸入，甚至動態地在網頁運行時添加，更改文檔內容，表現形式以及結構
三、web應用程序的組成部分2：web服務器
Internet存放網頁的計算機稱為web服務器。
Web服務器上通常會運行一個專門用來提供網頁服務的wb服務器軟件
Apache
Tomcat
IIS
Node.js
Web服務器本質上是一個可以提供網頁瀏覽服務的可執行軟件，
（前端最主要用的服務器是node.js。js可以開發前端和後端。與Java一樣可以做大型項目的開發。做網站優化是記得藝名（中文）和本命（IP地址）的區別是方便記。每一個數據都要指定一個端口（不同端口有不同的作用）這樣是確定數據的交換。）
四、web應用程序的組成部分3：web瀏覽器
Web瀏覽器是一個連接到web服務器，向web服務器請求信息，然後解析返回來的html標記，並將其顯示在瀏覽器窗口內的程序。
如各種瀏覽器。
對web標準的支持不同，造成跨瀏覽器網頁編程困難。
對以上進行總結:WEB應用程序的組成部分3個：
頁面，服務器，瀏覽器。
五、web應用程序的組成部分4:http協議
Web服務器和web瀏覽器是通過http（超文本傳輸協議）協議進行通信的。它是一套規則和過程，它使計算機能夠通過web交換信息。有了http協議，那麽不管這些計算機在哪個地方，使用的是什麽操作系統，運行的是什麽文本服務器軟件，使用的是什麽瀏覽器產品，它們都可以通過http相互通訊。
http協議的功能：
HTTP,HTTP協議的作用是什麽?
HTTP：Hypertext Transfer Protocol
超文本傳輸協議（HTTP）是應用層協議，由於其簡捷、快速的方式，適用於分布式和合作式超媒體信息系統。自 1990 年起，HTTP就已經被應用於WWW 全球信息服務系統。
HTTP允許使用自由答復的方法表明請求目的，它建立在統一資源識別器（URI）提供的參考原則下，作為一個地址（URL）或名字（URN），用以標誌采用哪種方法，它用類似於網絡郵件和多用途網際郵件擴充協議（MIME）的格式傳遞消息。
HTTP 也可用作普通協議，實現用戶代理與連接其它 Internet 服務（如 SMTP、 NNTP、 FTP、 GOPHER及WAIS ）的代理服務器或網關之間的通信，允許基本的超媒體訪問各種應用提供的資源，同時簡化了用戶代理系統的實施。
HTTP是一種請求 / 響應式的協議。一個客戶機與服務器建立連接後，發送一個請求給服務器，請求的格式是：統一資源標識符（URI）、協議版本號，後面是類似 MIME 的信息，包括請求修飾符、客戶機信息和可能的內容。服務器接到請求後，給予相應的響應信息，其格式是：一個狀態行包括信息的協議版本號、一個成功或錯誤的代碼，後面也是類似 MIME 的信息，包括服務器信息、實體信息和可能的內容。
HTTP 的第一版本HTTP/0.9 是一種簡單的用於網絡間原始數據傳輸的協議。而由RFC1945定義的HTTP/1.0 ，在原 HTTP/0.9 的基礎上，有了進一步的改進，允許消息以類 MIME 信息格式存在，包括請求/響應範式中的已傳輸數據和修飾符等方面的信息。但是，HTTP/1.0 沒有充分考慮到分層代理服務器、高速緩沖存儲器、持久連接需求或虛擬主機等方面的效能。相比之下，HTTP/1.1 要求更加嚴格以確保服務的可靠性。關於安全增強版的HTTP（即S-HTTP），將在相關文件中再作介紹。
六、網頁的分類
靜態網頁：不便於修改
動態網頁（2個）： 客戶端、服務器
七、Html代碼的語法
<html? <head> <title></title> </head> <body> <header></header> <sectong></section> <footer></footer> </body> </html>
上面三個框架是用到大的布局，《頁眉，主題，頁腳》
引入的路徑包含：
本地路徑，相對路徑，絕對路徑，一般網頁都采用相對路徑。
- ul為無序列表，ol為有序列表，都是要配合li，他們是組合標簽，中間不能打亂其他標簽。是固定的。做鏈接都是在li標簽中加入<a>標簽。
- ul，ol都是有屬性的，標號的表示有，
Type=””,默認值：disc，實心圓；circle:空心圓；square：實心方塊
- ul，ol都是有屬性的，標號的表示有，
- dl標簽裏放dt，dd，是自定義標簽，dt表示：標題，dd：列表的內容。
<dl>
<dt></dt>
<dd></dd>
</dl>
- 下面的和ul功能相似:
<dl>
<dt></dt>
</dl>
- H5的新增標簽<nav></nav>導航標簽，是語義化標簽。
超鏈接：
站內：
頂部設計的一個錨點
底部設置了一個返回到本頁的頂部。
站外：
是一個完整的URL地址，必須以http：//開頭。
Alt作用：當圖片不能正常顯示時，顯示alt屬性設置的文字。
Title作用是提示。
-
Article作用：在網頁中表示正文。
-
aside：表示側邊欄。
-
footer：頁腳信息。
-
header：標題和副標題等等。
- Address標簽表示作者的相關信息。斜體，無強調作用。
一般不放公司的地址信息。
- <em>標簽是傾斜體，有強調作用。
字體格式化標簽：
HTML常用特殊字符：只要你認識了 HTML 標記，你便會知道特殊字符的用處。
< < 小於號或顯示標記 > > 大於號或顯示標記 & & 可用於顯示其它特殊字符 " “ 引號 ® ? 已註冊 © ? 版權 ™ ? 商標   ? 半個空白位   ? 一個空白位 不斷行的空白
- Video標簽：視頻，有寬高，control。control的含義是設置是否顯示控制面板，視頻會顯示播放的按鈕等功能。
- 屬性有：
-
- src ：視頻的屬性
- poster：視頻封面，沒有播放時顯示的圖片
- preload：預加載
- autoplay：自動播放
- loop：循環播放
- controls：瀏覽器自帶的控制條
- width：視頻寬度
- height：視頻高度
-
- 屬性有：
真正影響視頻的只有寬度。高度值是隨元素改變。
- Table 表格:
<table> 標簽定義 HTML 表格。
簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。
tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。
更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
- <hr> :水平線
- <pre></pre>是預格式化標簽：內容與編寫的格式在瀏覽器上是一樣的，但是字體變小了。
下面的元素決定以後的布局，必須重點掌握：
web的基礎和html簡單的標簽