HTML 學習心得整理

時間：2024-09-28 17:05:52 HTML DOM 我要投稿

相關推薦

HTML 學習心得整理

　　IT Juck HTML 知識整理

HTML 學習心得整理

　　開山篇:

　　何為傳輸協議

　　簡單的說計算機的通信(網絡)規則就是一種協議.

　　FTP 文件傳輸協議

　　SMTP 郵件傳送協議

　　HTTP 用于網頁與網頁間的訪問協議

　　語言編碼

　　接下來我們還會發現這樣一句話：

　　它標示文檔的語言編碼。就像我們平時所說的漢語、英語一樣。這里的gb2312告訴瀏覽器，本文檔采用簡體中文編碼；還有一種常用的編碼是UTF-8編碼，它是國際通用的編碼。不管我們采用哪種編碼，有一點就是包含的css樣式表和其它文件也必須和本文檔的編碼一樣，要不就會出現亂碼。

　　HTML開發工具

　　1. 記事本

　　2. Editplus

　　3. Frontpage

　　4. Dreamweaver [初學者推薦使用,該軟件有提示功能]

　　下載地址:

　　/cfusion/tdrc/index.cfmproduct=dreamweaver&loc=cn

　　5. Zend Studio

　　6. MyEclipse

　　等其他IDE ，這里就不在介紹了,有興趣可到網上搜索

　　網頁三劍客

　　網頁制作三劍客是Macromedia 公司開發的三款開發工具

　　Flash：用于做動畫

　　Fireworks ：用于圖片處理

　　Dreamweaver ：用于拼接網頁,代碼編程

　　HTML是什么

　　HTML表示: 超文本標記語言（Hyper Text Markup Language） HTML文件必須有htm 或 html擴展名

　　HTML文件可以用一個簡單的文本編輯器創建

　　HTML文檔類型

　　當我們新建HTML格式文檔時，查看源代碼，會發現代碼最上部有如下代碼：

　　譯：表示本文檔是過渡類型，另外還有框架和嚴格類型，目前一般都采用過渡類型，因為瀏覽器對XHTML的解析比較寬松，允許使用HTML4.01中的標簽，但必須符合XHTML的語法。許多朋友在制作頁面時，往往喜歡把這句刪除掉，在這里建議大家一定要保留這句話，刪除它后可能引起某些樣式表失效或其它意想不到的問題。

　　文檔類型標記分五個部分

　　DOCTYPE 文檔類型定義標簽(還可以指定別的類型文件)

　　HTML 指定文檔類型的名稱

　　PUBLIC 說明當前文件所依據的文件是任何人都可以訪問的還是局部訪問的 version name 指定該HTML版本的標識名稱。例如HTML 4.0的標識名稱為：

　　"-//W3C//DTD HTML 4.01 Transitional//EN"版本名稱version name.被改進的iso用+號開頭,沒有被改動過的用–號開頭，最后的兩個斜號是DTD文檔的語言種類

　　url 指定該HTML 語言的定義規范文件在Internet上的位置,

　　例如: 。

　　loose.dtd說明:當前文檔可能含HTML4.01嚴格標準定義的元素及不含的元素 strict.dtd 說明:當前文檔所以的HTML 元素都是嚴格符合標準的

　　frameset.dta 說明:除了以上的倆個共同點還有可能包含一些框架的元素 HTML 4.01中如果沒有下面這個文檔類型定義語句是一個無效的HTML文件

　　XHTML 1.0文檔類型

　　創建一個HelloWord的XHTML 1.0文檔

　　點此查看

　　Hello Word 我的第一個網頁!

　　首先復制上面的代碼

　　在電腦桌面鼠標右鍵創建一個文本文件.txt,雙擊打開把代碼粘貼到里面保存關閉鼠標右鍵txt文件重命名為 HelloWord.html [點擊回車]

　　HTML標記解釋

　　HTML的標記大多都是成對出現的,分開始和關閉如:

　　每個關閉標記都是以: 斜杠加標記關閉的

　　表示:這是一個HTML類型的文件

　　表示:告訴瀏覽器這是HTML文檔的開始

　　[表示:該標記是HTML頭信息在瀏覽器標題區域顯示]＜title＞標題＜/title＞[表示:該標記是文檔標題顯示在瀏覽器窗口的標題欄]

　　表示:關閉HTML 頭信息區域

　　網頁正文內容表示:該標記之間的內容會顯示在瀏覽器中表示:記告訴瀏覽器這是HTML文檔的終止

　　head 區屬性

　　＜link rel="SHORTCUT ICON" href="favicon.ico"/＞[地址欄網站標志圖標]

　　注：圖片的名字最好是: favicon.ico

　　Meta 標記必須要寫在Head 頭標記區域里

　�。糾eta http-equiv="refresh" content="秒數; url=頁面路徑"/＞[自動跳轉] 瀏覽器兼容問題解決[告訴瀏覽器使用IE7]

　�。糾eta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/＞頁面編碼類型

　　GB2312 中國

　　UTF-8 國際

　　Ansi 美國國家標準協會,它可以根據操作系統變換

　　body 標簽屬性

　　bgcolor="red"[頁面背景顏色]

　　background="圖片.jpg" [頁面背景圖片]

　　text="#000FFF" [頁面中所有非連接字體顏色]

　　link=”顏色” [頁面中所有連接字體顏色

　　]

　　alink=” 顏色” [頁面中正要被點擊的連接字體顏色]

　　vlink=” 顏色” [頁面中所有點擊過的連接字體顏色]

　　leftmargin=”0” [設定網頁與瀏覽器窗口左邊沿的間隙,單位為像素] topmargin=”0” [設定網頁與瀏覽器窗口上邊沿的間隙,單位為像素] table 表格標簽屬性

　　table表示定義一個HTML表格

　　[創建一個無邊框的表格]

　　cellpadding="10" [該屬性是設置表格的單元格的內邊距]

　　cellspacing="10" [該屬性是設置表格的單元格間距]

　　width="10" [控制表格寬度]

　　height="10" [控制表格高度]

　　rowspan="2" [合并行(寫在

標簽)]

　　colspan="2" [合并列(格寫在

標簽里)]

　　border="1" [該屬性可指定邊框大小,數值越大邊框線越粗] bordercolor=”” [邊框線的顏色]

　　bordercolorright=”顏色值”[亮邊框屬性]

　　bordercolordark=”顏色值” [暗邊框屬性]

　　[表格內的行]

　　[表格開頭格內內容自動到中間位置字體加粗][表示行內的單元格]

　　[沒有任何邊框的表格頂部]

表格的標題

　　橫向控制表格方向

　　align="left" left [左]right [右] center [中間]

　　豎向控制表格方向

　　valign="top" top [上] bottom [下] middle [中間]

　　frame屬性來控制表格周圍的邊框

　　frame="border" frame=" box"frame=" void"frame=" above"

　　frame=" below"

　　frame=" rhs"frame=" hsides" frame=" vsides" frame=" lhs"

　　表格嵌套例子如下:

我是被嵌套在里面的另一個表格

　　HTML 字符實體編碼

　　< | < <

　　> | > >

　　{ {

　　& | & &

　　" | " "

　　' ‘

　　| 空格

　　| 方形空格

　　× | × x [乘號]

　　÷| ÷ ÷ [除號]

　　&copy | 版權符號

　　HTML 超鏈接

　　[錨標簽（）來創建一個連接到其他文件的鏈接] target=" "

　　_blank [在新窗口打開鏈接地址]

　　_self [本窗口打開新鏈接]

　　_top [假如你的頁面在框架中,如何跳出框架]

　　_parent [父窗口]

　　戶所丟失的信息

【HTML 學習心得整理】相關文章：

HTML的語言剖析10-13

過濾HTML代碼08-29

HTML5和HTML4有何區別？08-29

HTML5的發展08-15

HTML4和HTML5之間的主要不同點07-30

HTML語言必學的10個秘訣08-18