2023年HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第1頁
2023年HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第2頁
2023年HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第3頁
2023年HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第4頁
2023年HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費(fèi)閱讀

VIP免費(fèi)下載

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

文檔簡(jiǎn)介

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

第一章：知識(shí)總結(jié)

1.<b>HTML文檔結(jié)構(gòu)</b>（括號(hào)里面的是注釋）

<!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=圖片的絕對(duì)途徑或相對(duì)途徑（背景圖片）

2.標(biāo)題標(biāo)簽<而></11門>r取1~6（設(shè)立文字標(biāo)題）：

1）<H1>一級(jí)標(biāo)題</H1>

2）<112>二級(jí)標(biāo)題</H2>

3）<H3>三級(jí)標(biāo)題</出>

4)<H4>四級(jí)標(biāo)題V/H4>

5)<H5>五級(jí)標(biāo)題V/H5>

6)<H6>六級(jí)標(biāo)題</H6>

3.<font></font>標(biāo)簽（設(shè)立文字屬性）

Yfontsize="字體大小"color="字體顏色"face="字體類型"〉要設(shè)立的文字</font

>

4.特殊符號(hào)

特殊符號(hào)代碼

空格8nbsp;

大于號(hào)（>）>

小于號(hào)（V）&11;

引號(hào)"

版權(quán)號(hào)（?）©

5.行的控制相關(guān)標(biāo)簽

段落標(biāo)簽<p>V/p>

<Palign=M1eft"（左對(duì)齊）/"right"（右對(duì)齊）/"center（居中）〉（段落的對(duì)其方式）

換行標(biāo)簽<br/>

6.圖片標(biāo)答<img>

<imgsrc="圖片地址"width="圖片寬度"height="圖片高度"alt="圖片的提醒文

align="top/bottom/middle/left/right"bord6「="圖片的邊框?qū)挾取?gt;

（align是用于調(diào)整圖片相對(duì)于周邊文本的對(duì)其方式）

7.文字布局

1）水平線<hrsize="厚度"width="寬度"co1。r="顏色"〉

2）有序列表的語法

<oltype=序號(hào)類型>（序號(hào)類型有:1、a、A、i、I）

<li>填寫信息</Ii>（必須用vli>v/li>將內(nèi)容涉及起來）

<li>填寫信息</li>

填寫信息</li>

</ol>

3）無序列表語法

<ultype="序號(hào)類型">（序號(hào)類型有：disc（默認(rèn)值,實(shí)心圓點(diǎn)）、circle（空心圓

環(huán)）、square（空心正方形））

<li>所寫內(nèi)容<li>（必須用i>將內(nèi)容涉及起來）

</ul>

4）預(yù)格式文本語法

<pre>

（具體的文本格式，這個(gè)格式在時(shí)是不改變的哦!）

</pre>

8.頁面鋅接語法

1）鏈接到其他頁面

<trbgcolo仁行的背景顏色,（行）

<tdcolspan=跨的列數(shù)rowspand^的行數(shù)bgcolor=本單元格的背景顏色ba

ckground=本單元格的背景圖片地址（背景圖片）align=單元格中的內(nèi)容對(duì)齊方式（rightZle

ft/center/）></td>（單元格）

</tr>

</table>

2.填充、間距屬性

celipadding:內(nèi)容與單元格內(nèi)邊框線的距離（內(nèi)填充）cellspacing：?jiǎn)卧裰g的距離

（外間距）

第三章知識(shí)點(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（有無滾動(dòng)條）noresize（嚴(yán)禁:改變框架窗口的大小）》

</framset>

2）.框架頁面之間的鏈接

。第一步：在設(shè)計(jì)好的框架頁而中為每個(gè)部分定義一個(gè)名字：

o?Eg:<framenamc="窗II的名字"src=u">

第二步：設(shè)立導(dǎo)航欄中的超徒接的target目的窗口屬性；

Eg:<ahref=u1ianjie.htm1"target="要顯示的窗口的名字、鏈接標(biāo)志v/a>

第四章知識(shí)點(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:文本的對(duì)齊方式（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è)立對(duì)象的左邊距

margin-right:設(shè)立對(duì)象的右邊距

margin—top:設(shè)立對(duì)象的上邊距

margin-bottorn:設(shè)立對(duì)象的下邊距

（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等.壓縮文件請(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. 人人文庫(kù)網(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)論