HTML知識(shí)點(diǎn)總結(jié)

1、.HTML知識(shí)點(diǎn)總結(jié)第一章知識(shí)總結(jié)1. HTML文檔結(jié)構(gòu)（括號(hào)里面的是注釋） （頭部部分）(可寫可不寫)顯示在瀏覽器標(biāo)題欄中的標(biāo)題（主體部分）（頁面內(nèi)容）1) 標(biāo)簽中的屬性有： bgcolor=顏色 （背景顏色） background=圖片的絕對(duì)路徑或相對(duì)路徑（背景圖片）2. 標(biāo)題標(biāo)簽 n取16（設(shè)置文字標(biāo)題）：1) 一級(jí)標(biāo)題2) 二級(jí)標(biāo)題3) 三級(jí)標(biāo)題4) 四級(jí)標(biāo)題5) 五級(jí)標(biāo)題6) 六級(jí)標(biāo)題3.標(biāo)簽（設(shè)置文字屬性）要設(shè)置的文字4.特殊符號(hào)特殊符號(hào)代碼空格 大于號(hào)()>小于號(hào)（）<引號(hào)"版權(quán)號(hào)（）©5.行的控制相關(guān)標(biāo)簽段落標(biāo)簽 (段落的對(duì)其方式) 換

2、行標(biāo)簽 6.圖片標(biāo)簽(align是用于調(diào)整圖片相對(duì)于周圍文本的對(duì)其方式)7.文字布局1) 水平線2) 有序列表的語法（序號(hào)類型有：1、a、A、I）填寫信息（必須用將內(nèi)容包括起來）填寫信息填寫信息3) 無序列表語法（序號(hào)類型有：disc(默認(rèn)值,實(shí)心圓點(diǎn))、circle(空心圓環(huán))、square(空心正方形)）所寫內(nèi)容（必須用將內(nèi)容包括起來）4) 預(yù)格式文本語法(具體的文本格式，這個(gè)格式在時(shí)是不改變的哦！)8.頁面鏈接語法1) 鏈接到其他頁面連接標(biāo)志 2) 鏈接到本頁面首先創(chuàng)建一個(gè)錨鏈接的錨記點(diǎn)：主題名稱然后在具體要鏈接到的地方設(shè)置name:（錨記點(diǎn)前面要加上#號(hào)）3) 電子郵件鏈接站長(zhǎng)郵箱 (

3、注意不能忘了mailto)9.滾動(dòng)標(biāo)簽的語法滾動(dòng)的文字和圖像第二章知識(shí)點(diǎn)總結(jié)1.表格的基本框架語法(行)(單元格)2.填充、間距屬性cellpadding:內(nèi)容與單元格內(nèi)邊框線的距離（內(nèi)填充） cellspacing：?jiǎn)卧裰g的距離（外間距）第三章知識(shí)點(diǎn)總結(jié)1.表單的基本結(jié)構(gòu)具體的內(nèi)容2.表單中的元素 1).元素(單行文本框)(單行文本框設(shè)置密碼)(單選按鈕男)(設(shè)置單選按鈕的時(shí)候名字一定要一樣)(單選按鈕女)(按鈕提交)(按鈕重置)玩游戲(復(fù)選框)2).下拉列表元素語法：內(nèi)容內(nèi)容內(nèi)容內(nèi)容3).多行文本框元素語法：具體的內(nèi)容3. 框架1).框架的基本結(jié)構(gòu)(注意：此時(shí)不能要) 2).框架頁面之

4、間的鏈接第一步：在設(shè)計(jì)好的框架頁面中給每個(gè)部分定義一個(gè)名字；Eg:第二步：設(shè)置導(dǎo)航欄中的超鏈接的target目標(biāo)窗口屬性；Eg:鏈接標(biāo)志第四章知識(shí)點(diǎn)總結(jié)1.樣式類型，分為三種1）標(biāo)簽選擇器語法：標(biāo)簽 屬性:屬性值;Pfont-size:20px;color:blue不需要調(diào)用，直接創(chuàng)建標(biāo)簽就能使用2）class選擇器語法：.類名屬性:屬性值;.myfont-size:20px;color:blue調(diào)用：在需要使用的地方做為屬性來調(diào)用（class=類名）3）ID選擇器語法：#名稱屬性:屬性值;#myfont-size:20px;color:blue調(diào)用：在需要使用的地方做為屬性來調(diào)用（ID=名稱

5、）2.常用的樣式屬性1)文本屬性font-size:字體大小font-family:字體類型font-style:字體樣式（斜體）color:字體顏色text-algin:文本的對(duì)齊方式（left/right/center）2)背景屬性background-color:背景顏色background-image:url(“圖片地址”)背景圖片background-repeat:（repeat/no-repeat/repeat-x/repeat-y）背景圖片如何被重復(fù)顯示3)方框?qū)傩?1)邊界屬性margin-left:設(shè)置對(duì)象的左邊距margin-right: 設(shè)置對(duì)象的右邊距margin-to

6、p: 設(shè)置對(duì)象的上邊距margin-bottom: 設(shè)置對(duì)象的下邊距(2)填充屬性padding-left:設(shè)置內(nèi)容與左邊框之間的距離padding-right: 設(shè)置內(nèi)容與右邊框之間的距離padding-top: 設(shè)置內(nèi)容與上邊框之間的距離padding-bottom: 設(shè)置內(nèi)容與下邊框之間的距離(3)邊框?qū)傩詁order-style:(soild細(xì)邊框/dashed/虛邊框)邊框樣式border-width:邊框?qū)挾萣order-color:邊框顏色4)超鏈接樣式A:link未被訪問的鏈接樣式A:visited被訪問過的鏈接樣式A:hover鼠標(biāo)懸浮在鏈接上時(shí)的樣式A:active鼠標(biāo)下在按下時(shí)鏈接文字的樣式3.樣式表的3類應(yīng)用方式1)行內(nèi)樣式表(改變某一行文字的樣式)語法：文字2)內(nèi)嵌樣式表(在一個(gè)頁面內(nèi)使用)語法：/樣式規(guī)則3)外部樣式表(改變多個(gè)頁面中的不同頁面元素的樣式)以CSS為后綴名的文件。鏈接外部樣式表的兩種方式：(1)標(biāo)簽聲明 (2)導(dǎo)入方式import 樣式表文件.css;第五