2020年新編HTML基礎(chǔ)知識點總結(jié)名師精品資料.doc

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

2、copy;5.行的控制相關(guān)標(biāo)簽段落標(biāo)簽 (段落的對其方式)換行標(biāo)簽 6.圖片標(biāo)簽 (align 是用于調(diào)整圖片相對于周圍文本的對其方式)7.文字布局1)水平線 2)有序列表的語法（序號類型有：1、 a 、 A、 I ） 填寫信息 （必須用 將內(nèi)容包括起來） 填寫信息 填寫信息 3) 無序列表語法（序號類型有： disc( 默認值 ,實心圓點 )、circle( 空心圓環(huán) )、square( 空心正方形 )） 所寫內(nèi)容 （必須用 將內(nèi)容包括起來）4) 預(yù)格式文本語法(具體的文本格式，這個格式在時是不改變的哦！)8.頁面鏈接語法1) 鏈接到其他頁面連接標(biāo)志 2) 鏈接到本頁面首先創(chuàng)建一個錨鏈接的錨

3、記點：然后在具體要鏈接到的地方設(shè)置ahref=name:主題名稱 name=“ 錨記點名稱 ”（錨記點前面要加上#號）3) 電子郵件鏈接站長郵箱 ( 注意不能忘了mailto)9.滾動標(biāo)簽的語法滾動的文字和圖像第二章知識點總結(jié)1.表格的基本框架語法(行 )( 單元格 )2.填充、間距屬性cellpadding:內(nèi)容與單元格內(nèi)邊框線的距離（內(nèi)填充）cellspacing ：單元格之間的距離（外間距）第三章知識點總結(jié)1.表單的基本結(jié)構(gòu)具體的內(nèi)容2.表單中的元素1).元素( 單行文本框 )(單行文本框 設(shè)置密碼 )( 單選按鈕 男 )(設(shè)置單選按鈕的時候名字一定要一樣)(單選按鈕 女 )( 按鈕 提

4、交 )(按鈕 重置 ) 玩游戲 (復(fù)選框 )2).下拉列表元素語法： option value= “”(必須有 option value= “”(必須有 option value= “”(必須有 option value= “”(必須有)內(nèi)容 )內(nèi)容 )內(nèi)容 )內(nèi)容 3).多行文本框元素語法： 具體的內(nèi)容3.框架1). 框架的基本結(jié)構(gòu)(注意：此時不能要)border=有無滾2). 框架頁面之間的鏈接第一步：在設(shè)計好的框架頁面中給每個部分定義一個名字；Eg:第二步：設(shè)置導(dǎo)航欄中的超鏈接的Eg:鏈接標(biāo)志第四章知識點總結(jié)1.樣式類型，分為三種1 ）標(biāo)簽選擇器語法：標(biāo)簽 屬性 :屬性值 ;P font

5、-size:20px;color:blue不需要調(diào)用，直接創(chuàng)建標(biāo)簽就能使用2 ） class 選擇器語法：。類名 屬性 :屬性值 ;.my font-size:20px;color:blue調(diào)用：在需要使用的地方做為屬性來調(diào)用（class= 類名）3）ID 選擇器語法：# 名稱 屬性 :屬性值 ;#my font-size:20px;color:blue調(diào)用：在需要使用的地方做為屬性來調(diào)用（ID= 名稱）2.常用的樣式屬性1) 文本屬性 font-size: 字體大小 font-family: 字體類型font-style: 字體樣式（斜體）color: 字體顏色text-algin: 文本的

6、對齊方式（ 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è)置對象的左邊距margin-right:設(shè)置對象的右邊距margin-top:設(shè)置對象的上邊距margin-bottom:設(shè)置對象的下邊距(2) 填充屬性padding-left:設(shè)置內(nèi)容與左邊框之間的距離padding-righ

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