1. 程式人生 > >HTML雜記

HTML雜記

red www 內聯 font str apple 12px 兩個 form

1.URL uniform resource locator

遵循格式: scheme://host.domain:port/path/filename

  • scheme - 定義因特網服務的類型。最常見的類型是 http
  • host - 定義域主機(http的默認主機是 www
  • domain - 定義因特網域名。比方 w3school.com.cn
  • :port - 定義主機上的port號(http的默認port號是 80
  • path - 定義server上的路徑(假設省略。則文檔必須位於站點的根文件夾中)。
  • filename - 定義文檔/資源的名稱

【註】最流行的schema包含:http。https,ftp,file.

【註】URL僅僅能使用 ASCII字符集來通過因特網進行發送。

因為 URL經常會包括 ASCII 集合之外的字符,URL必須轉換為有效的 ASCII 格式。

URL 編碼使用 "%" 其後尾隨兩位的十六進制數來替換非 ASCII字符。

2.<!DOCTYPE> 聲明幫助瀏覽器正確地顯示網頁。

HTML 也有多個不同的版本號,僅僅有全然明確頁面中使用的確切 HTML 版本號,瀏覽器才幹全然正確地顯示出 HTML 頁面。

這就是 <!DOCTYPE> 的用處。

3. table標簽

table定義表格,th定義表頭,tr定義表格行,td定義表格單元。caption定義表格主題

4.列表標簽

ol定義有序表,ul定義無需表。li定義表項。

5.樣式

外部樣式表(head中):<link rel="stylesheet" type="text/css" href="mystyle.css">

內部樣式表(head中):

<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>

內聯樣式:

<p style="color: red; margin-left: 20px">This is a paragraph</p>

【註】一般定義在head中

6.鏈接

鏈接網址:<a href=“http://www.w3school.com.cn/” target=“_blank”>Visit W3School</a>

鏈接圖片:<img src="boat.gif" alt="Big Boat">

【註】_blank表示以新的頁面打開。alt表示圖片無法載入時顯示的文字。

7.段落

<p>this is paragraph</p>

【註】段落無非是多加了兩個空格。

8.頭部

<head>this is head</head>表示頭部信息。頭部信息還能夠帶一些meta信息。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author"
content="w3school.com.cn">
<meta name="revised"
content="David Yang,8/1/07">
<meta name="generator"
content="Dreamweaver 8.0en">
</head>

【註】具體參考http://blog.csdn.net/lsjseu/article/details/27047399

【註】頭部可定義head。title,base,link,meta,script(client腳本),style。

8.object元素

輔助應用程序。由object啟動。利用quticktime播放wave文件。

<object width="420" height="360"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="bird.wav" />
<param name="controller" value="true" />
</object>


待續......

HTML雜記