版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
HTML知識點(diǎn)總結(jié)
第一章：知識總結(jié)
1.<b>HTML文檔結(jié)構(gòu)</b>（括號里面的是注釋）
<!DOCTYPEhtmI>
*注：<!DOCTYPE>標(biāo)簽沒有結(jié)束標(biāo)簽！
<html>
<head>（頭部部分）
<mctahttp—equiv=uContcnt-Type"contcnt=,,text/html";charset=gb2
312>（可寫可不寫）
<ti11e>顯示在瀏覽器標(biāo)題欄中的標(biāo)題</tit1e>
</head>
<body>（主體部分）
（頁而內(nèi)容）
</body>
</htm1>
標(biāo)簽<body>中的屬性有：
bgcol。仁顏色（背景顏色）background=圖片的絕對途徑或相對途徑（背景圖片）
2.標(biāo)題標(biāo)簽<而></11門>r取1~6（設(shè)立文字標(biāo)題）：
1）<H1>一級標(biāo)題</H1>
2）<112>二級標(biāo)題</H2>
3）<H3>三級標(biāo)題</出>
4)<H4>四級標(biāo)題V/H4>
5)<H5>五級標(biāo)題V/H5>
6)<H6>六級標(biāo)題</H6>
3.<font></font>標(biāo)簽（設(shè)立文字屬性）
Yfontsize="字體大小"color="字體顏色"face="字體類型"〉要設(shè)立的文字</font
>
4.特殊符號
特殊符號代碼
空格8nbsp;
大于號（>）>
小于號（V）&11;
引號"
版權(quán)號（?）©
5.行的控制相關(guān)標(biāo)簽
段落標(biāo)簽<p>V/p>
<Palign=M1eft"（左對齊）/"right"（右對齊）/"center（居中）〉（段落的對其方式）
換行標(biāo)簽<br/>
6.圖片標(biāo)答<img>
<imgsrc="圖片地址"width="圖片寬度"height="圖片高度"alt="圖片的提醒文
align="top/bottom/middle/left/right"bord6「="圖片的邊框?qū)挾取?gt;
（align是用于調(diào)整圖片相對于周邊文本的對其方式）
7.文字布局
1）水平線<hrsize="厚度"width="寬度"co1。r="顏色"〉
2）有序列表的語法
<oltype=序號類型>（序號類型有:1、a、A、i、I）
<li>填寫信息</Ii>（必須用vli>v/li>將內(nèi)容涉及起來）
<li>填寫信息</li>
填寫信息</li>
</ol>
3）無序列表語法
<ultype="序號類型">（序號類型有：disc（默認(rèn)值,實(shí)心圓點(diǎn)）、circle（空心圓
環(huán)）、square（空心正方形））
<li>所寫內(nèi)容<li>（必須用i>將內(nèi)容涉及起來）
</ul>
4）預(yù)格式文本語法
<pre>
（具體的文本格式，這個格式在時(shí)是不改變的哦!）
</pre>
8.頁面鋅接語法
1）鏈接到其他頁面
<trbgcolo仁行的背景顏色,（行）
<tdcolspan=跨的列數(shù)rowspand^的行數(shù)bgcolor=本單元格的背景顏色ba
ckground=本單元格的背景圖片地址（背景圖片）align=單元格中的內(nèi)容對齊方式（rightZle
ft/center/）></td>（單元格）
</tr>
</table>
2.填充、間距屬性
celipadding:內(nèi)容與單元格內(nèi)邊框線的距離（內(nèi)填充）cellspacing：單元格之間的距離
（外間距）
第三章知識點(diǎn)總結(jié)
I.表單的基本結(jié)構(gòu)
<formaction="URL"-1716=表單名字method=提交數(shù)據(jù)的方式（post/get）>
具體的內(nèi)容
</form>
2.表單中的元素
。1）.<input>元素
"inputname=**Mtype=textsize=文本框的大小maxlenght=限制輸入的最大字符>
（單行文本框）
<inputname="Mtype=passwordsize=文本框的大小max1engh1=限制輸入
的最大字符》（單行文本框一設(shè)立密碼）
<inputname="name"type=radiovalue="男"checked（默認(rèn)選定）>（單選按
鈕——男）（設(shè)立單選按鈕的時(shí)候名字一定要同樣）
<inputname-'nsme*'type=radiovalue="女">（單選按鈕----女）
<inputname=M"type=submitva1ue=提交〉（按鈕---提交）
<inputname=""type=resetvalue=重置〉（按鈕----重置）
<inputname=M"type=checkboxvaIue=play（必須有）checked》玩游戲
（復(fù)選框）
2）.<select></select>下拉列表元素
語法:vse1ectname=**">
<optionva1ue（必須有）,內(nèi)容</option>
<optionvalue="'（必須有）>內(nèi)容V/option〉
<optionva1ue=""（必須有）〉內(nèi)容v/option>
<optionvalue=""（必須仃）〉內(nèi)容</option>
</select>
3）.<textarea></textarea>多行文本框元素
語法:vtextareaname=""c。后=“寬度”rows，（不要和合并單元格的rowspan和
colspan相混淆）〉
具體的內(nèi)容
</textarea>
3.框架
1）.框架的基本結(jié)構(gòu)（注意：此時(shí)不能要<body></body>）
<framsetc。ls="25%,*”（分隔成左右兩部分）rows=*'25%,”（分隔成上下兩
部分）borde—框架邊框的大小bordercolor=框架邊框的顏色>
<framename="窗口的名字"src="此窗口要顯示的文獻(xiàn)地址"scroIIing=yes/n
0（有無滾動條）noresize（嚴(yán)禁:改變框架窗口的大小）》
</framset>
2）.框架頁面之間的鏈接
。第一步：在設(shè)計(jì)好的框架頁而中為每個部分定義一個名字：
o?Eg:<framenamc="窗II的名字"src=u">
第二步：設(shè)立導(dǎo)航欄中的超徒接的target目的窗口屬性；
Eg:<ahref=u1ianjie.htm1"target="要顯示的窗口的名字、鏈接標(biāo)志v/a>
第四章知識點(diǎn)總結(jié)
1.樣式類型，分為三種
-1）標(biāo)簽選擇器
語法：
標(biāo)簽{
屬性:屬性值：
}
<styletype=Htext/css">
P{font-size:2Opx;color:blue）
</style>
不需要調(diào)用，直接創(chuàng)建標(biāo)簽就能使用
2）class選擇器
。語法:
。。類名{
。屬性:屬性值；
）
<styletype="text/cssn>
.my{font—size:20px;color:blue}
</style>
調(diào)用：在需要使用的地方做為屬性來調(diào)用（c1ass=類名）
3）ID選擇器
語法：
#名稱{
屬性:屬性值；
）
<styIetype=',text/css'>>
#my{font-size：20px：color:blue}
</style>
調(diào)用:在而要使用的地方做為屬性來倜用（ID=名稱）
2.常用的樣式屬性
1）文本屬性
font-size:字體大小
font-fami1y：字體類型
font-style:字體樣式（斜體）
co1or:字體顏色
text-aIgin:文本的對齊方式（left/right/center）
2）背景屬性
background-color：背景顏色
background-image:url（"圖片地址"）背景圖片
background—repeat：（repeat/no—repeat/rePeat—x/repeat-y）景圖片如彳可被
反復(fù)顯示
3）方框?qū)傩?/p>
（1）邊界屬性
margin-left:設(shè)立對象的左邊距
margin-right:設(shè)立對象的右邊距
margin—top:設(shè)立對象的上邊距
margin-bottorn:設(shè)立對象的下邊距
（2）填充屬性
padding-left:設(shè)立內(nèi)容與左邊框之間的距離
Padding-right:設(shè)立內(nèi)容與右邊框之間的距離
padding-1op：設(shè)立內(nèi)容與上邊框之間的距離
padding-bottom:設(shè)立內(nèi)容與卜邊框之間的距離
（3）邊框?qū)傩?/p>
border-styIe:（soiId細(xì)邊框/dashed/虛邊框）邊框樣式
border—widih:邊框?qū)挾?/p>
border-color：邊框顏色
4）超鏈接樣式
A:link｛｝未被訪問的鏈接樣式
A:visited｛）被訪問過的鏈接樣式
A:hover｛｝鼠標(biāo)懸浮在鏈接上時(shí)的
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024版勞務(wù)加工承包合同范本
- 2024年藝術(shù)品買賣合同賠償條例
- 2025年度新型城鎮(zhèn)化租賃住房建設(shè)合同4篇
- 2025年度智能家居項(xiàng)目瓷磚材料供應(yīng)合同4篇
- 2025年度體育場館搭棚施工及維護(hù)管理合同4篇
- 2024版鎳氫電池產(chǎn)品銷售合同
- 2025年度學(xué)校食堂及餐飲服務(wù)承包合同范本4篇
- 2025年度新能源汽車購置合同示范文本4篇
- 2025年度特色農(nóng)家樂經(jīng)營權(quán)轉(zhuǎn)讓合同范本3篇
- 2025年度智能窗簾控制系統(tǒng)研發(fā)與市場推廣合同4篇
- 特種設(shè)備行業(yè)團(tuán)隊(duì)建設(shè)工作方案
- 眼內(nèi)炎患者護(hù)理查房課件
- 肯德基經(jīng)營策略分析報(bào)告總結(jié)
- 買賣合同簽訂和履行風(fēng)險(xiǎn)控制
- 中央空調(diào)現(xiàn)場施工技術(shù)總結(jié)(附圖)
- 水質(zhì)-濁度的測定原始記錄
- 數(shù)字美的智慧工業(yè)白皮書-2023.09
- -安規(guī)知識培訓(xùn)
- 2021-2022學(xué)年四川省成都市武侯區(qū)部編版四年級上冊期末考試語文試卷（解析版）
- 污水處理廠設(shè)備安裝施工方案
- 噪聲監(jiān)測記錄表
評論
0/150
提交評論