2023年HTML基礎知識點總結_第1頁
2023年HTML基礎知識點總結_第2頁
2023年HTML基礎知識點總結_第3頁
2023年HTML基礎知識點總結_第4頁
2023年HTML基礎知識點總結_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

HTML知識點總結

第一章：知識總結

1.<b>HTML文檔結構</b>（括號里面的是注釋）

<!DOCTYPEhtmI>

*注：<!DOCTYPE>標簽沒有結束標簽！

<html>

<head>（頭部部分）

<mctahttp—equiv=uContcnt-Type"contcnt=,,text/html";charset=gb2

312>（可寫可不寫）

<ti11e>顯示在瀏覽器標題欄中的標題</tit1e>

</head>

<body>（主體部分）

（頁而內容）

</body>

</htm1>

標簽<body>中的屬性有：

bgcol。仁顏色（背景顏色）background=圖片的絕對途徑或相對途徑（背景圖片）

2.標題標簽<而></11門>r取1~6（設立文字標題）：

1）<H1>一級標題</H1>

2）<112>二級標題</H2>

3）<H3>三級標題</出>

4)<H4>四級標題V/H4>

5)<H5>五級標題V/H5>

6)<H6>六級標題</H6>

3.<font></font>標簽（設立文字屬性）

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

>

4.特殊符號

特殊符號代碼

空格8nbsp;

大于號（>）>

小于號（V）&11;

引號"

版權號（?）©

5.行的控制相關標簽

段落標簽<p>V/p>

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

換行標簽<br/>

6.圖片標答<img>

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

align="top/bottom/middle/left/right"bord6「="圖片的邊框寬度”>

（align是用于調整圖片相對于周邊文本的對其方式）

7.文字布局

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

2）有序列表的語法

<oltype=序號類型>（序號類型有:1、a、A、i、I）

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

<li>填寫信息</li>

填寫信息</li>

</ol>

3）無序列表語法

<ultype="序號類型">（序號類型有：disc（默認值,實心圓點）、circle（空心圓

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

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

</ul>

4）預格式文本語法

<pre>

（具體的文本格式，這個格式在時是不改變的哦!）

</pre>

8.頁面鋅接語法

1）鏈接到其他頁面

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

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

ckground=本單元格的背景圖片地址（背景圖片）align=單元格中的內容對齊方式（rightZle

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

</tr>

</table>

2.填充、間距屬性

celipadding:內容與單元格內邊框線的距離（內填充）cellspacing：單元格之間的距離

（外間距）

第三章知識點總結

I.表單的基本結構

<formaction="URL"-1716=表單名字method=提交數(shù)據(jù)的方式（post/get）>

具體的內容

</form>

2.表單中的元素

。1）.<input>元素

"inputname=**Mtype=textsize=文本框的大小maxlenght=限制輸入的最大字符>

（單行文本框）

<inputname="Mtype=passwordsize=文本框的大小max1engh1=限制輸入

的最大字符》（單行文本框一設立密碼）

<inputname="name"type=radiovalue="男"checked（默認選定）>（單選按

鈕——男）（設立單選按鈕的時候名字一定要同樣）

<inputname-'nsme*'type=radiovalue="女">（單選按鈕----女）

<inputname=M"type=submitva1ue=提交〉（按鈕---提交）

<inputname=""type=resetvalue=重置〉（按鈕----重置）

<inputname=M"type=checkboxvaIue=play（必須有）checked》玩游戲

（復選框）

2）.<select></select>下拉列表元素

語法:vse1ectname=**">

<optionva1ue（必須有）,內容</option>

<optionvalue="'（必須有）>內容V/option〉

<optionva1ue=""（必須有）〉內容v/option>

<optionvalue=""（必須仃）〉內容</option>

</select>

3）.<textarea></textarea>多行文本框元素

語法:vtextareaname=""c。后=“寬度”rows，（不要和合并單元格的rowspan和

colspan相混淆）〉

具體的內容

</textarea>

3.框架

1）.框架的基本結構（注意：此時不能要<body></body>）

<framsetc。ls="25%,*”（分隔成左右兩部分）rows=*'25%,”（分隔成上下兩

部分）borde—框架邊框的大小bordercolor=框架邊框的顏色>

<framename="窗口的名字"src="此窗口要顯示的文獻地址"scroIIing=yes/n

0（有無滾動條）noresize（嚴禁:改變框架窗口的大?。?/p>

</framset>

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

。第一步：在設計好的框架頁而中為每個部分定義一個名字：

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

第二步：設立導航欄中的超徒接的target目的窗口屬性；

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

第四章知識點總結

1.樣式類型，分為三種

-1）標簽選擇器

語法：

標簽{

屬性:屬性值：

}

<styletype=Htext/css">

P{font-size:2Opx;color:blue）

</style>

不需要調用，直接創(chuàng)建標簽就能使用

2）class選擇器

。語法:

。。類名{

。屬性:屬性值；

）

<styletype="text/cssn>

.my{font—size:20px;color:blue}

</style>

調用：在需要使用的地方做為屬性來調用（c1ass=類名）

3）ID選擇器

語法：

#名稱{

屬性:屬性值；

）

<styIetype=',text/css'>>

#my{font-size：20px：color:blue}

</style>

調用:在而要使用的地方做為屬性來倜用（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）景圖片如彳可被

反復顯示

3）方框屬性

（1）邊界屬性

margin-left:設立對象的左邊距

margin-right:設立對象的右邊距

margin—top:設立對象的上邊距

margin-bottorn:設立對象的下邊距

（2）填充屬性

padding-left:設立內容與左邊框之間的距離

Padding-right:設立內容與右邊框之間的距離

padding-1op：設立內容與上邊框之間的距離

padding-bottom:設立內容與卜邊框之間的距離

（3）邊框屬性

border-styIe:（soiId細邊框/dashed/虛邊框）邊框樣式

border—widih:邊框寬度

border-color：邊框顏色

4）超鏈接樣式

A:link｛｝未被訪問的鏈接樣式

A:visited｛）被訪問過的鏈接樣式

A:hover｛｝鼠標懸浮在鏈接上時的

溫馨提示

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

評論

0/150

提交評論