學習新聞發佈系統對這幾個詞有個初步瞭解，本篇博主着重講述HTML，首先先跟大家分享我對CSS、AJax和JS的理解。
-
CSS
（Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
作用：完成畫裏面東西的佈局設計
-
AJax
Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創建交互式網頁應用的網頁開發技術。Ajax = 異步 JavaScript 和 XML（標準通用標記語言的子集），是一種用於創建快速動態網頁的技術，同時可以在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。
作用：主要爲了讓頁面的動態變化更及時，在不刷新的情況下可以讓頁面的數據變化情況及時得到改變
-
JS
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱爲JavaScript引擎，爲瀏覽器的一部分，廣泛用於客戶端的腳本語言
作用：輔助實現要展現的動態效果
-
HTML
Internet網，基於Internet上的程序分爲三類：CS結構，BS結構和WEB
HT：Hyper Text，超文本，具有特殊功能
M：Markup，標記，超文本的表現形式
L：這個不用多介紹了，就是Language語言。綜上四個詞都是一種計算機語言。
-
基本語法
1.標記語法有“封閉類型”和“非封閉類型”兩種
|
標記類型 |
語法 |
|
封裝 |
<標記>內容</標記> |
|
非封裝 |
<標記>或<標記/> |
實例：
封閉類型的標記：
創建 p 標記 --<p>...</p>
創建 div 標記 -- <div> </div>
創建 header 標記 -- <header> </header>
非封閉類型的標記：
創建 br 標記 -- <br/>
創建 hr 標記 -- <hr/>
創建 img 標記 -- <img/>
創建 input 標記 -- <input/>
.四大標準屬性
|
屬性 |
說明 |
|
Id |
定義元素在頁面中獨一無二的名稱
|
|
Title |
鼠標懸停在元素上時，體現的文字
|
|
Class |
引用 類選擇器時使用(CSS中)
|
|
stytle |
定義 內聯方式使用(CSS中) |
-
特殊文本的實現
頁面的空格以及一些特殊字符需要通過轉義字符的方式體現
|
|
表示一個空格 |
|
< |
表示 < |
|
> |
表示 > |
|
© |
表示© |
-
文本樣式相關標記
|
<b></b> : |
加粗 |
|
<i></i> : |
斜體 |
|
<u></u> : |
下劃線 |
|
<s></s> : |
刪除線 |
|
<sup></sup> : |
上標 |
|
<sub></sub> : |
下標 |
-
相關元素
標題元素：以醒目的方式表現出文本
語法：
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
屬性：
align：文本的水平對齊方式
取值：left / center / right
段落元素：
語法：<p></p>
屬性：align : left / center / right
換行元素：
<br>
分割線元素：
作用：在頁面中表現爲一條直線
語法：<hr>
屬性：
size：尺寸，以 px 爲單位的數值
width：寬度，以 px 或 % 爲單位的數值
align：水平對其方式
color：顏色
分區元素
塊分區元素
語法：<div></div>
作用：佈局
行內分區元素
語法：<span></span>
作用：設置同一行文字內的不同樣式
行內元素 與 塊級元素：按照元素們的表現形式來分類，分爲 行內元素 和 塊級元素
行內元素：在一行內允許顯示多個元素的，稱爲 "行內元素"
span,i,b,s,u,sup,sub
作用：包裹文本，並處理文本的表現形式
塊級元素：每個元素獨佔一行顯示的，稱爲 "塊級元素"
div,p,h1,h2,h3,h4,h5,h6
作用：佈局
注意：
p標記不能嵌套其它的塊級元素
行內元素中 最好 不要嵌套塊級元素
預格式化
作用：保留源文檔中的回車 和 空格 的作用
<pre></pre>
-
URL
URL（Uniform Resource Locator），統一資源定位器，用來標識某資源文件的位置。
在WEB中有三種表現形式：
1，絕對路徑：從文件所在的最高級目錄處開始查找資源文件所經過的路徑，就是絕對路徑
使用場合：當想訪問互聯網上的資源時，只能用絕對路徑
完整的絕對路徑分四部分：
1）協議名：http
2）域名(主機名，IP地址)：www.baidu.com
3）目錄路徑：img/header
4）文件名：logo.png
2，相對路徑：從當前文件位置處開始查找資源文件所經過的路徑，就是相對路徑
使用場合：使用本機文件時使用
使用時：同目錄，直接用；子目錄，先進入；父目錄，先返回
3、根相對路徑：路徑形式是以 / 作爲開始的。
/ : 表示的是服務器的根路徑（對Linux系統比較熟悉的話，這點應該會很容易理解）
