HTML基礎(chǔ)
Web,HTML結(jié)構(gòu)介紹
</b><b>標(biāo)簽輸出內(nèi)容</b><b>網(wǎng)頁(yè)頭部
輸出內(nèi)容
主題內(nèi)容
(1)網(wǎng)頁(yè)標(biāo)題
格式
輸出內(nèi)容
輸出內(nèi)容
數(shù)字越大,字體越小
...........................
輸出內(nèi)容
(2)段落標(biāo)簽
輸出內(nèi)容
:
兩個(gè)段落之間有一定的間隔
.
(3)換行標(biāo)簽
(4)水平線標(biāo)簽(分割線)
(5)字體樣式標(biāo)簽
加粗輸出內(nèi)容
斜體輸出內(nèi)容
(6)注釋和特殊符號(hào)(常用)
空格
"引號(hào)''
?版權(quán)符號(hào)?
>大于號(hào)>
<小于號(hào)<
注釋內(nèi)容-->注釋符號(hào)
(7)常見(jiàn)的圖像格式
JPGGIFPNGBMP
(8)插頭圖片
插圖路徑"alt="圖像替代文字"title="鼠標(biāo)懸停提示文字"
width="圖片寬度(像素)"height="圖片高度(像素)"/>
(9)插入的圖像可鏈接(圖片,文字均可)
鏈接文本或圖像
(10)錨鏈接(跳轉(zhuǎn)頁(yè)面)
格式:甲位置//創(chuàng)建跳轉(zhuǎn)標(biāo)記
乙位置//創(chuàng)建跳轉(zhuǎn)鏈接
(11)功能性鏈接(電子郵件:QQ,MSN)
格式:聯(lián)系我們
(12)無(wú)序
列表有序語(yǔ)法
定義
※無(wú)序顯示
·輸出內(nèi)容
輸出內(nèi)容
·輸出內(nèi)容
·輸出內(nèi)容
中
type
取值
:
格式
disc:●實(shí)體圓心
square:■實(shí)體方形
circle:○空心圓
※有序顯示
1.
輸出內(nèi)容
輸出內(nèi)容
2.
輸出內(nèi)容
3.輸出內(nèi)容
type
取值
:
格式
1:使用數(shù)字項(xiàng)目符號(hào)
a/A:使用英文大或小寫(xiě)做項(xiàng)目符號(hào)
i/I:使用羅馬數(shù)字做項(xiàng)目符號(hào)
※定義列表顯示
聲明列表項(xiàng)
定義列表項(xiàng)內(nèi)容
(13)表格
列
基本結(jié)構(gòu)行
單元格
格式:外邊框"cellspacing="單元格之間的間距"cellpadding="單元格與內(nèi)容的間距">
:代表行
輸出內(nèi)容//代表單元格中要輸出的內(nèi)容
align(水平)left(左)
※表格對(duì)齊方式center(居中)
right(右)
top(頂端)
middle(居中)
valign(垂直)buttom(底端)
baseline(基線)
※表格跨列
跨列:想跨幾列">輸出內(nèi)容
跨行:想跨幾行">輸出內(nèi)容
(14)表單語(yǔ)法(用戶名,密碼框填寫(xiě)等)
post(規(guī)定如何發(fā)送表單數(shù)據(jù),常用值:get(明文),post(密文)" action="result.html(</b><b>表示向何處發(fā)送表單數(shù)據(jù)</b><b>)">
名字:
密碼:
提交">
重填">
(15)文本框
語(yǔ)法:文本框)"name="username(文本框名稱)"value="用戶名(文本框初始值)"size="30(文本框長(zhǎng)度)"maxlength="20(文本框可輸出最大字符)">
(16)單選按鈕(☉男☉女)
語(yǔ)法:單選按鈕框)"value="男(值)"checked="checked"(單選按鈕默認(rèn)選中)>男(輸出文本)
女" >女
(17)復(fù)選框(□√運(yùn)動(dòng)□聊天□√玩游戲)(可多選)
語(yǔ)法:創(chuàng)建復(fù)選框)name="interest"value="sport"(值)>運(yùn)動(dòng)
聊天
玩游戲
(18)列表框(下拉菜單)
列表名稱"size="行數(shù)">
選項(xiàng))value="選項(xiàng)的值"selected="selected"(默認(rèn)選中項(xiàng))>輸出內(nèi)容
//需要多少選項(xiàng),就創(chuàng)建多少option
重置
提交(19)按鈕()
語(yǔ)法：
reset"(創(chuàng)建重置按鈕)name="butReset"value="reset按鈕"(按鈕上顯示的文字)>
submit"(創(chuàng)建提交按鈕)name="butSubmit"value="submit">
button"(創(chuàng)建普通按鈕)name="butButton"value="button按鈕">
(20)圖片按鈕
語(yǔ)法:創(chuàng)建圖片按鈕)src="圖片路徑">
(21)多行文本域(類似于網(wǎng)頁(yè)上填寫(xiě)'個(gè)人說(shuō)明/介紹'框)
語(yǔ)法:
創(chuàng)建多行文本域)name="showText"cols(列數(shù))="x"rows(行數(shù))="y">文本內(nèi)容
上傳
瀏覽(22)文件域()
語(yǔ)法:
向何處發(fā)送表單數(shù)據(jù)"method="post(規(guī)定如何發(fā)送表單數(shù)據(jù),常用值:get,post)"enctype="multipart/form-data"(表單編碼屬性)>
上傳"
/>
(23)隱藏域
創(chuàng)建隱藏域)value="666"name="userid">
(24)只讀文本框與禁用
張三"readonly=" readonly "(只讀文本框)>
submit"disabled="disabled"(禁用)value="保存">
(25)表單結(jié)構(gòu)標(biāo)簽
fieldset標(biāo)簽
分組表單信息
legend標(biāo)簽
為表單結(jié)構(gòu)添加標(biāo)題,對(duì)其中的內(nèi)容加以說(shuō)明
屬性:leftrightcenter
(26)關(guān)聯(lián)表單元素
label標(biāo)簽
為沒(méi)有內(nèi)建標(biāo)簽的表單控件,建立與表單的關(guān)聯(lián)
for屬性,用于建立表單控件與表單的關(guān)聯(lián),其屬性值可以自定義
真實(shí)姓名:
type="text" name="realName" value="請(qǐng)?zhí)顚?xiě)真實(shí)姓名" size="30"? maxlength="10" id="name"/>
HTML基礎(chǔ)
Web,HTML結(jié)構(gòu)介紹
</b><b>標(biāo)簽輸出內(nèi)容</b><b>網(wǎng)頁(yè)頭部
輸出內(nèi)容
主題內(nèi)容
(1)網(wǎng)頁(yè)標(biāo)題
格式
輸出內(nèi)容
輸出內(nèi)容
數(shù)字越大,字體越小
...........................
輸出內(nèi)容
(2)段落標(biāo)簽
輸出內(nèi)容
:
兩個(gè)段落之間有一定的間隔
.
(3)換行標(biāo)簽
(4)水平線標(biāo)簽(分割線)
(5)字體樣式標(biāo)簽
加粗輸出內(nèi)容
斜體輸出內(nèi)容
(6)注釋和特殊符號(hào)(常用)
空格
"引號(hào)''
?版權(quán)符號(hào)?
>大于號(hào)>
<小于號(hào)<
注釋內(nèi)容-->注釋符號(hào)
(7)常見(jiàn)的圖像格式
JPGGIFPNGBMP
(8)插頭圖片
插圖路徑"alt="圖像替代文字"title="鼠標(biāo)懸停提示文字"
width="圖片寬度(像素)"height="圖片高度(像素)"/>
(9)插入的圖像可鏈接(圖片,文字均可)
鏈接文本或圖像
(10)錨鏈接(跳轉(zhuǎn)頁(yè)面)
格式:甲位置//創(chuàng)建跳轉(zhuǎn)標(biāo)記
乙位置//創(chuàng)建跳轉(zhuǎn)鏈接
(11)功能性鏈接(電子郵件:QQ,MSN)
格式:聯(lián)系我們
(12)無(wú)序
列表有序語(yǔ)法
定義
※無(wú)序顯示
·輸出內(nèi)容
輸出內(nèi)容
·輸出內(nèi)容
·輸出內(nèi)容
中
type
取值
:
格式
disc:●實(shí)體圓心
square:■實(shí)體方形
circle:○空心圓
※有序顯示
1.
輸出內(nèi)容
輸出內(nèi)容
2.
輸出內(nèi)容
3.輸出內(nèi)容
type
取值
:
格式
1:使用數(shù)字項(xiàng)目符號(hào)
a/A:使用英文大或小寫(xiě)做項(xiàng)目符號(hào)
i/I:使用羅馬數(shù)字做項(xiàng)目符號(hào)
※定義列表顯示
聲明列表項(xiàng)
定義列表項(xiàng)內(nèi)容
(13)表格
列
基本結(jié)構(gòu)行
單元格
格式:外邊框"cellspacing="單元格之間的間距"cellpadding="單元格與內(nèi)容的間距">
:代表行
輸出內(nèi)容//代表單元格中要輸出的內(nèi)容
align(水平)left(左)
※表格對(duì)齊方式center(居中)
right(右)
top(頂端)
middle(居中)
valign(垂直)buttom(底端)
baseline(基線)
※表格跨列
跨列:想跨幾列">輸出內(nèi)容
跨行:想跨幾行">輸出內(nèi)容
(14)表單語(yǔ)法(用戶名,密碼框填寫(xiě)等)
post(規(guī)定如何發(fā)送表單數(shù)據(jù),常用值:get(明文),post(密文)" action="result.html(</b><b>表示向何處發(fā)送表單數(shù)據(jù)</b><b>)">
名字:
密碼:
提交">
重填">
(15)文本框
語(yǔ)法:文本框)"name="username(文本框名稱)"value="用戶名(文本框初始值)"size="30(文本框長(zhǎng)度)"maxlength="20(文本框可輸出最大字符)">
(16)單選按鈕(☉男☉女)
語(yǔ)法:單選按鈕框)"value="男(值)"checked="checked"(單選按鈕默認(rèn)選中)>男(輸出文本)
女" >女
(17)復(fù)選框(□√運(yùn)動(dòng)□聊天□√玩游戲)(可多選)
語(yǔ)法:創(chuàng)建復(fù)選框)name="interest"value="sport"(值)>運(yùn)動(dòng)
聊天
玩游戲
(18)列表框(下拉菜單)
列表名稱"size="行數(shù)">
選項(xiàng))value="選項(xiàng)的值"selected="selected"(默認(rèn)選中項(xiàng))>輸出內(nèi)容
//需要多少選項(xiàng),就創(chuàng)建多少option
重置
提交(19)按鈕()
語(yǔ)法：
reset"(創(chuàng)建重置按鈕)name="butReset"value="reset按鈕"(按鈕上顯示的文字)>
submit"(創(chuàng)建提交按鈕)name="butSubmit"value="submit">
button"(創(chuàng)建普通按鈕)name="butButton"value="button按鈕">
(20)圖片按鈕
語(yǔ)法:創(chuàng)建圖片按鈕)src="圖片路徑">
(21)多行文本域(類似于網(wǎng)頁(yè)上填寫(xiě)'個(gè)人說(shuō)明/介紹'框)
語(yǔ)法:
創(chuàng)建多行文本域)name="showText"cols(列數(shù))="x"rows(行數(shù))="y">文本內(nèi)容
上傳
瀏覽(22)文件域()
語(yǔ)法:
向何處發(fā)送表單數(shù)據(jù)"method="post(規(guī)定如何發(fā)送表單數(shù)據(jù),常用值:get,post)"enctype="multipart/form-data"(表單編碼屬性)>
上傳"
/>
(23)隱藏域
創(chuàng)建隱藏域)value="666"name="userid">
(24)只讀文本框與禁用
張三"readonly=" readonly "(只讀文本框)>
submit"disabled="disabled"(禁用)value="保存">
(25)表單結(jié)構(gòu)標(biāo)簽
fieldset標(biāo)簽
分組表單信息
legend標(biāo)簽
為表單結(jié)構(gòu)添加標(biāo)題,對(duì)其中的內(nèi)容加以說(shuō)明
屬性:leftrightcenter
(26)關(guān)聯(lián)表單元素
label標(biāo)簽
為沒(méi)有內(nèi)建標(biāo)簽的表單控件,建立與表單的關(guān)聯(lián)
for屬性,用于建立表單控件與表單的關(guān)聯(lián),其屬性值可以自定義
真實(shí)姓名:
type="text" name="realName" value="請(qǐng)?zhí)顚?xiě)真實(shí)姓名" size="30"? maxlength="10" id="name"/>
