HTML基本知識和常用標籤1
HTML
Hyper Text Markup Language 超文字標記語言
“超文字”就是指頁面內可以包含圖片、連結,甚至音樂、程式等非文字元素。
超文字標記語言的結構包括“頭”部分(英語:Head)、和“主體”部分(英語:Body),其中“頭”部提供關於網頁的資訊,“主體”部分提供網頁的具體內容
主要特點
- 簡易性:超級文字標記語言版本升級採用超集方式,從而更加靈活方便。
- 可擴充套件性:超級文字標記語言的廣泛應用帶來了加強功能,增加識別符號等要求,超級文字標記語言採取子類元素的方式,為系統擴充套件帶來保證。
- 平臺無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文字標記語言可以使用在廣泛的平臺上,這也是
- 通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼型別的電腦或瀏覽器。
HTML 字尾 .html .htm
直接通過瀏覽器就可以執行
HTML 的規範(遵循)
- HTML檔案開始標籤和結束標籤
<html> </html>
2 html包含兩部分
<head> </head> 設定相關資訊
<body> </body> 顯示在頁面上的內容都寫在body裡面
3 標籤成對出現 有開始標籤就要有結束標籤
4 html程式碼不區分大小寫
5 有些標籤 沒有結束標籤 在標籤內結束
-比如 換行 <br/> 水平分隔線(horizontal rule)<hr/>
HTML操作思想
為了不同的顯示效果 可以使用標籤把要操作的資料包起來,通過修改標籤的屬性值實現標籤內的資料樣式的變化
一個標籤相當於一個容器,想要修改容器內的資料樣式,只需要改變容器的屬性
HTML常用標籤
註釋標籤
<!-- html 註釋 -->
標題標籤
<h1>標題一</h1> <h2>標題二</h2> <h3>標題三</h3> <h6>標題六</h6>
水平分隔線(horizontal rule)
<hr size=”5” color=”blue”/>
字型標籤
<font size=”5” color=”red”> 這是我第一個html </font>
Title標籤
<title>這是一個標題</title>
特殊字元
< <
> >
空格
<html>:是 網頁的開始!
<html>:是 網頁的開始!
列表標籤
<dl>
<dt>傳智</dt>
<dd>財務部</dd>
<dd>學工部</dd>
<dd>人事部</dd>
</dl>
<hr/>
<ol type=”i”>
<li>財務部</li>
<li>學工部</li>
<li>人事部</li>
</ol>
影象標籤
<img src=”圖片的路徑” width=”300” height=”400”/>
圖片路徑
絕對路徑
F:\myeclipse相關檔案\user\WebRoot\users\a.jsp
相對路徑
HTML檔案和圖片再一個路徑下 可以直接寫檔名
例如 src=”b1.jsp”
圖片在HTML檔案的下層目錄
img\a.jpg
圖片在HTML檔案的上層目錄
..\c.jpg
上層的上層 ..\..\