HTML知識(shí)點(diǎn)總結(jié)_第1頁
HTML知識(shí)點(diǎn)總結(jié)_第2頁
HTML知識(shí)點(diǎn)總結(jié)_第3頁
HTML知識(shí)點(diǎn)總結(jié)_第4頁
HTML知識(shí)點(diǎn)總結(jié)_第5頁
免費(fèi)預(yù)覽已結(jié)束，剩余10頁可下載查看

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、HTML知識(shí)點(diǎn)總結(jié)第一章知識(shí)總結(jié)1. HTML文檔結(jié)構(gòu)（括號(hào)里面的是注釋）<html><head> （頭部部分）Vmetahttp-equiv= “ ContenType” Content= “text/htmlCharSet=gb2312 > （可寫可不寫）Vtitle>顯示在瀏覽器標(biāo)題欄中的標(biāo)題<title><head><body> （主體部分）（頁面內(nèi)容）<body><html>1）標(biāo)簽<body>中的屬性有：bgcolor=顏色（背景顏色）backgrou nd=圖片的絕對(duì)路徑或

2、相對(duì)路徑（背景圖片）2. 標(biāo)題標(biāo)簽VHn><Hn>n取16 （設(shè)置文字標(biāo)題）：1）<H1> 一級(jí)標(biāo)題 <H1>2）<H2> 二級(jí)標(biāo)題 <H2>3) <H3>三級(jí)標(biāo)題<H3>4) <H4>四級(jí)標(biāo)題vH4>5) <H5>五級(jí)標(biāo)題<H5>6) <H6>六級(jí)標(biāo)題<H6>3.vfontvfont標(biāo)簽（設(shè)置文字屬性）Vfont size="字體大小"color="字體顏色"face="字體類型"

3、;要設(shè)置的文字font4.特殊符號(hào)特殊符號(hào)代碼空格&n bsp;大于號(hào)（）&gt；小于號(hào)（V）& It;引號(hào)& quot;版權(quán)號(hào)（？）&copy;5行的控制相關(guān)標(biāo)簽段落標(biāo)簽ppVP align="left"（左對(duì)齊）/ "right"（右對(duì)齊）/ "center"（居中）（段落的對(duì)其方式）換行標(biāo)簽br6.圖片標(biāo)簽imgVimg src="圖片地址"width="圖片寬度"height="圖片高度"alt="圖片的提示文字&qu

4、ot;align="top/bottom/middle/left/right"border="圖片的邊框?qū)挾?quot;>（align是用于調(diào)整圖片相對(duì)于周圍文本的對(duì)其方式）7. 文字布局1）水平線 Vhr size="厚度"width="寬度"color="顏色">2）有序列表的語法<oltype=序號(hào)類型 > （序號(hào)類型有：1、a、A、i、I）<li>填寫信息</li> （必須用<li>vli>將內(nèi)容包括起來）<li>填寫信

5、息</li><li>填寫信息</li></ol>3）無序列表語法Vul type="序號(hào)類型"> （序號(hào)類型有：disc（默認(rèn)值，實(shí)心圓點(diǎn)）、CirCle（空心圓環(huán)）、SqUare（空心正方形）<li>所寫內(nèi)容<li> （必須用<li><li>將內(nèi)容包括起來）<ul>4）預(yù)格式文本語法 <pre>（具體的文本格式，這個(gè)格式在時(shí)是不改變的哦?。﹙pre>8. 頁面鏈接語法1）鏈接到其他頁面Va href=鏈接地址”連接標(biāo)志 <a>2）

6、鏈接到本頁面首先創(chuàng)建一個(gè)錨鏈接的錨記點(diǎn)：Va href='錨記點(diǎn)名稱”主題名稱<a>然后在具體要鏈接到的地方設(shè)置name:Vaname= “錨記點(diǎn)名稱” >a>（錨記點(diǎn)前面要加上#號(hào)）3）電子郵件鏈接Va href= mailto :郵件地址”站長郵箱<a>（注意不能忘了 mailto）9. 滾動(dòng)標(biāo)簽的語法Vmarqueescrolldelay= 滾 動(dòng) 延 遲 時(shí) 間direction=up/downleftright （滾動(dòng)方向）OnmOUSeoVer= “this.stop（）（當(dāng)鼠標(biāo)指在上面時(shí)停止?jié)L動(dòng)）onmouseout= “this.st

7、art（）（當(dāng)鼠標(biāo)離開時(shí)繼續(xù)滾 動(dòng)）>滾動(dòng)的文字和圖像Vmarquee>第二章知識(shí)點(diǎn)總結(jié)1.表格的基本框架語法VtabIe border=表格的邊框的寬度（一般不超過 5） Width=表格的寬度 height=表格的高度 bordercolor=表格邊框線的顏色 bgcolor=整個(gè)表格 的背景顏色background=表格的背景圖片地址（背景圖片）align=表格對(duì)齊 方式>Vtrbgcolor=行的背景顏色 >（行）Vtd colspa n= 跨的列數(shù) rowspa n= 跨的行數(shù) bgcolor= 本單元格的 背景顏色background=本單元格的背景圖片地址

8、（背景圖片）align=單元格中的內(nèi)容對(duì)齊方式（right/left/center） ><td>（單元格）<tr><table>2. 填充、間距屬性cellpaddi ng:內(nèi)容與單元格內(nèi)邊框線的距離（內(nèi)填充）cellspaci ng :單元格之間的距離（外間距）第三章知識(shí)點(diǎn)總結(jié)1. 表單的基本結(jié)構(gòu)<form actio n="URL" n ame=表單名字method=提交數(shù)據(jù)的方式（PoSt/get） >具體的內(nèi)容vform2.表單中的元素1）.input 元素VinPUt name= “” type= text S

9、iZe=文本框的大小maxlenght=限制輸入的最大字符 （單行文本框）VinPUtname= “” type= PaSSWOrd SiZe= 文本框的大小maxlenght=限制輸入的最大字符 （單行文本框設(shè)置密碼）VinPUt name= "name ” type= radio VaIUe= 男” CheCked （默認(rèn)選 定）（單選按鈕一一男）（設(shè)置單選按鈕的時(shí)候名字一定要一樣）VinPUt name= “name ” type= radio VaIUe= 女” 單選按鈕女）Vin PUt n ame= “” type=bmit VaIUe=提交 （按鈕提交）Vin PUt

10、n ame= “” typeset VaIUe=重置 （按鈕重置）VinPUt name= “” type= checkbox VaIUe=PIay （必須有） CheCked 玩游戲（復(fù)選框）2）.VSeIeCt>vselect> 下拉列表元素語法：VSeIeCtname= “” >Vopti On ValUe=必須有）> 內(nèi)容 V/opti on>Vopti On ValUe=必須有）> 內(nèi)容 V/opti on>VoPti On VaIue= “必須有）> 內(nèi)容 v/opti on>VoPti On VaIUe= “必須有）>

11、內(nèi)容 v/opti on><select>3）.VteXtarea><textarea> 多行文本框元素語法：VteXtarea name= “” ColS=寬度” rows鎬度”（不要和合并單元格的 rowspan 禾口 colspan 相混淆）>具體的內(nèi)容<textarea>3.框架1）.框架的基本結(jié)構(gòu)（注意：此時(shí)不能要<body><body> ）VframSet cols= “25% * ”分隔成左右兩部分）rows= “25% * ”分隔成上下兩部分）border=框架邊框的大小bordercolor=框架邊

12、框的顏色>Vframe name=窗口的名字” SrC=此窗口要顯示的文件地址”scrolling=yesno（有無滾動(dòng)條）nOreSiZe（禁止改變框架窗口的大?。?gt;Vframset>2）.框架頁面之間的鏈接第一步：在設(shè)計(jì)好的框架頁面中給每個(gè)部分定義一個(gè)名字；Eg:Vframe name= ”窗口 的名字 ” SrC=第二步：設(shè)置導(dǎo)航欄中的超鏈接的target目標(biāo)窗口屬性；Eg:Va href= “ Iianiie.html target=要顯示的窗口的名字 ” >接標(biāo)志va>第四章知識(shí)點(diǎn)總結(jié)1. 樣式類型，分為三種1) 標(biāo)簽選擇器語法：標(biāo)簽屬性:屬性值；VSt

13、yIe type= ”ext/css ”Pfo nt-size:20px;color:blue<style>不需要調(diào)用，直接創(chuàng)建標(biāo)簽就能使用2) class選擇器語法：.類名屬性:屬性值；VStyIe type= ”ext/css ”.my fon t-size:20px;color:bluevstyle>調(diào)用：在需要使用的地方做為屬性來調(diào)用（CIaSS=類名）3） ID選擇器語法：#名稱屬性:屬性值；<style type= ”ext/css ”#my fon t-size:20px;color:blue</style>調(diào)用：在需要使用的地方做為屬性來調(diào)用

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

15、的右邊距margi n-top:設(shè)置對(duì)象的上邊距margi n-bottom: 設(shè)置對(duì)象的下邊距(2) 填充屬性Padding-left:設(shè)置內(nèi)容與左邊框之間的距離Paddi ng-right:設(shè)置內(nèi)容與右邊框之間的距離Paddi ng-top:設(shè)置內(nèi)容與上邊框之間的距離Paddi ng-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)樣式表（改變某一行文字的樣式）語法：VP Style= ”屬性:屬性值；”文字vP>2）內(nèi)嵌樣式表（在一個(gè)頁面內(nèi)使用）語法：VStyIe type= ” test/css ” >/樣式規(guī)則<style>3）外部樣式表（改變多個(gè)頁面中的不同頁面元素的樣式 以CSS為后綴名的文件。鏈接外部樣式表的兩種

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論