免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
HTML教程
HTML英語(yǔ)意思是:Hypertext Marked Language,即超文本標(biāo)記語(yǔ)言,是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。用HTML編寫(xiě)的超文本文檔稱(chēng)為HTML文檔,它能獨(dú)立于各種操作系統(tǒng)平臺(tái)(如UNIX,WINDOWS等)。自1990年以來(lái)HTML就一直被用作World Wide Web 的信息表示語(yǔ)言,用于描述Homepage的格式設(shè)計(jì)和它與WWW上其它Homepage 的連結(jié)信息。使用HTML語(yǔ)言描述的文件,需要通過(guò)WWW瀏覽器顯示出效果。
所謂超文本,因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫(huà)、影視等內(nèi)容,因?yàn)樗梢詮囊粋€(gè)文件跳轉(zhuǎn)到另一個(gè)文件,與世界各地主機(jī)的文件連接。
通過(guò)HTML可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格
圖片調(diào)用:<IMG SRC="文件名">
文字格式:<FONT SIZE="+5 " COLOR="00FFFF">文字</FONT>
通過(guò)HTML可以實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)
頁(yè)面跳轉(zhuǎn):〈A HREF="文件路徑/文件名"></A>
通過(guò)HTML可以展現(xiàn)多媒體的效果
聲頻:<EMBED SRC="音樂(lè)文件名" AUTOSTART=true>
視頻:<EMBED SRC="視頻文件名" AUTOSTART=true>
HTML中也提供了相應(yīng)的標(biāo)題標(biāo)簽<Hn>,其中n為標(biāo)題的等HTML總共提供六個(gè)等級(jí)的標(biāo)題,n越小,標(biāo)題字號(hào)就越大,以下列出所有等級(jí)的標(biāo)題:
〈H1>…</H1>     第一級(jí)標(biāo)題
〈H2>…</H2>     第二級(jí)標(biāo)題
〈H3>…</H3>     第三級(jí)標(biāo)題
〈H4>…</H4>     第四級(jí)標(biāo)題
〈H5>…</H5>     第五級(jí)標(biāo)題
〈H6>…</H6>     第六級(jí)標(biāo)題
代碼部分
換行<br>
段落標(biāo)簽<P></P>
水平線段<HR>
<HR>有三個(gè)屬性:
size 水平線的寬度
width 水平線的長(zhǎng),用占屏幕寬度的百分比或象素值來(lái)表示
align 水平線的對(duì)齊方式,有LEFT RIGHT CENTER三種
noshade 線段無(wú)陰影屬性,為實(shí)心線段
文字的大小設(shè)置<font size=7>這是size=7的字體</font>
文字的字體與樣式<font face="字體">
文字的顏色<font color=color_value>…</font>
位置控制<DIV ALIGN=#> 說(shuō)明:#=left/right/center
表格的基本結(jié)構(gòu)
<table>...</table>  定義表格
<caption>...</caption> 定義標(biāo)題
<tr>  定義表行
<th>  定義表頭
<td>  定義表元(表格的具體數(shù)據(jù))
表格的標(biāo)題:
設(shè)置標(biāo)題位于表格上方:
<caption align=top> ... </caption>
設(shè)置標(biāo)題位于表格下方:
<caption align=bottom> ... </caption>
表格尺寸設(shè)置:
表格的大?。?lt;table width=n1 height=n2>
width和height屬性分別指定表格一個(gè)固定的寬度和長(zhǎng)度,n1和n2可以用像素來(lái)表示,也可以用百分比(與整個(gè)屏幕相比的大小比例)來(lái)表示。
邊框尺寸設(shè)置:邊框是用border屬性來(lái)體現(xiàn)的,它表示表格的邊框邊厚度和框線。將border設(shè)成不同的值,有不同的效果。如:<table border=10 width=250>
格間線寬度:格與格之間的線為格間線,它的寬度可以使用<TABLE>中的CELLSPACING屬性加以調(diào)節(jié)。格式是:<TABLE CELLSPACING=#>#表示要取用的像素值
內(nèi)容與格線之間的寬度:我們還可以在<TABLE>中設(shè)置CELLPADDING屬性,用來(lái)規(guī)定內(nèi)容與格線之間的寬度。格式為<TABLE CELLPADDING=#>#表示要取用的像素值
背景色彩和文字色彩
<body bgcolor=# text=# link=# alink=# vlink=#>
bgcolor --- 背景色彩
text --- 非可鏈接文字的色彩
link --- 可鏈接文字的色彩
alink --- 正被點(diǎn)擊的可鏈接文字的色彩
vlink --- 已經(jīng)點(diǎn)擊(訪問(wèn))過(guò)的可鏈接文字的色彩
#=rrggbb
色彩是用 16 進(jìn)制的 紅-綠-藍(lán)(red-green-blue, RGB) 值來(lái)表示。
16 進(jìn)制的數(shù)碼有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
背景圖象 <body background="image-URL">
Non Scrolling Background <body bgproperties=FIXED>
文件之間的鏈接
超文本中的鏈接是其最重要的特性之一,使用者可以從一個(gè)頁(yè)面直接跳轉(zhuǎn)到其他的頁(yè)面、圖象或者服務(wù)器。一個(gè)鏈接的基本格式如下:
<A HREF="資源地址">鏈接文字</A>
·標(biāo)簽<A>表示一個(gè)鏈接的開(kāi)始,</A>表示鏈接的結(jié)束;
·屬性“HREF”定義了這個(gè)鏈接所指的地方;
·通過(guò)點(diǎn)擊“鏈接文字”可以到達(dá)指定的文件。
本地鏈接:
現(xiàn)在我們把這幾種路徑的表示方法寫(xiě)入鏈接中:
以絕對(duì)路徑表示:<A HREF="/c:\study\HTML教程\link01.htm">文件的鏈接</A>
以相對(duì)路徑表示:<A HREF="link01.htm">文件的鏈接</A>
鏈接上一目錄中的文件:<A HREF="../../Internet/IP地址">IP地址</A>
URL鏈接
************
URL鏈接的形式是:  協(xié)議名://主機(jī).域名/路徑/文件名
其中協(xié)議包括:
file      本地系統(tǒng)文件
http      WWW服務(wù)器
ftp       ftp服務(wù)器
telnet     基于TELNET的協(xié)議
mailto     電子郵件
news      Usenet新聞組
gopher     GOPHER服務(wù)器
wais      WAIS服務(wù)器
寫(xiě)在HTML文件中,鏈接其他主機(jī)上的文件時(shí),格式如下:
<A >動(dòng)網(wǎng)先鋒</A>
類(lèi)別一
序號(hào)
標(biāo)簽符號(hào)
命令作用
備注
創(chuàng)建Web頁(yè)
1
<HEAD>
<TITLE></TITLE>
</HEAD>
為建立HTML文件頭應(yīng)放入的信息,以及在瀏覽窗口的標(biāo)題框內(nèi)一什么樣的名稱(chēng)去調(diào)用該文件。
<HEAD>
<TITLE>我的主頁(yè)</TITLE>
</HEAD>
2
<EM>,</EM>
強(qiáng)調(diào)顯示
隱式格式化標(biāo)記
3
<HR>
空標(biāo)記
上下兩句話之間被一條水平線隔開(kāi)
4
<P>,</P>
段落標(biāo)記
多數(shù)情況下,Web瀏覽器只認(rèn)識(shí)字間只有一個(gè)空格,忽略字間的其他空格和HTML文件中加入的回車(chē)。
5
<BR>
分行標(biāo)記
它在Web文件中強(qiáng)制實(shí)現(xiàn)換行
6
<!-- ..... -->
注釋標(biāo)記
通常使用注釋標(biāo)記是處于個(gè)人目的的,因此可以用注釋寫(xiě)上一個(gè)版權(quán)信息或者個(gè)人情況
7
<H1>,</H1>
標(biāo)題標(biāo)記
第一級(jí)字號(hào)最大,用于總標(biāo)題
8
<H2>,</H2>
第二級(jí)小一些,用于大分標(biāo)題
9
<H3>,</H3>
第三級(jí)再小些,用于小分標(biāo)題
10
<H4>,</H4>
第四級(jí)字號(hào)大小和正常字號(hào)相同
11
<H5>,</H5>
第五級(jí)也加強(qiáng)調(diào),但比正常字號(hào)小
12
<H6>,</H6>
第六級(jí)最小
13
<B>,</B>
強(qiáng)調(diào)顯示標(biāo)記
黑體
14
<I>,</I>
斜體
15
<U>,</U>
下劃線文本
16
<TT>,</TT>
隱式標(biāo)記
一般再現(xiàn)為等寬字體文
17
<EM>,</EM>
進(jìn)一步強(qiáng)調(diào),一般為斜體
18
<STRONG>,</STRONG>
進(jìn)一步強(qiáng)調(diào),一般為黑體
19
<CODE>,</CODE>
程序員的HTML標(biāo)記.HTML早期被用來(lái)編制計(jì)算機(jī)程序應(yīng)用說(shuō)明,為計(jì)算機(jī)編程人員提供便利和建議。后來(lái),HTML2.0標(biāo)準(zhǔn)提供了一些(邏輯的》HTML標(biāo)記,從而使HTML設(shè)計(jì)人員可以對(duì)文本做標(biāo)記使得該文本能夠更容易展示計(jì)算機(jī)編程代碼。
編程行,一般再現(xiàn)為等寬字體,如<TT>
20
<KBD>,</KBD>
鍵盤(pán)文本,一般再現(xiàn)為等寬字體
21
<SAMP>,</SAMP>
樣本輸出,一般再現(xiàn)為等寬字體
22
<VAR>,</VAR>
變量,一般為等寬字體
23
<CITE>,</CITE>
排版類(lèi)標(biāo)記
引文,一般再現(xiàn)為斜體
24
<BLOCKQUOTE>, </BLOCKQUOTE>
塊引述,一般再現(xiàn)為縮格
圖像標(biāo)志
1.<img>
2.<hr>
再簡(jiǎn)單樸素的網(wǎng)頁(yè)如果只有文字而沒(méi)有圖像的話將失去許多活力,圖像在網(wǎng)頁(yè)制作中是非常重要的一個(gè)方面,Html語(yǔ)言也專(zhuān)門(mén)提供了<img>標(biāo)志來(lái)處理圖像的輸出。
1.<img>
<img>標(biāo)志并不是真正地把圖像給加入到Html文檔中,而是將標(biāo)志對(duì)的src屬性賦值,這個(gè)值是圖形文件的文件名,當(dāng)然包括路徑,這個(gè)路徑可以是相對(duì)路徑,也可以是網(wǎng)址。實(shí)際上就是通過(guò)路徑將圖形文件嵌入到您的文檔中。您可能并不知道什么是相對(duì)路徑,我現(xiàn)在就來(lái)講一講相對(duì)路徑。所謂相對(duì)路徑是指您所要鏈接或嵌入到當(dāng)前Html文檔的文件與當(dāng)前文件的相對(duì)位置所形成的路徑。假如您的Html文件與圖形文件(文件名假設(shè)是logo.gif)在同一個(gè)目錄下,則可以將代碼寫(xiě)成<img src="logo.gif">;假如您的圖形文件放在當(dāng)前的Html文檔所在目錄的一個(gè)子目錄(子目錄名假設(shè)是images)下,則代碼應(yīng)為<img src="images/logo.gif">;假如您的圖形文件放在當(dāng)前的Html文檔所在目錄的上層目錄(目錄名假設(shè)是home)下,則相對(duì)路徑就必須是準(zhǔn)網(wǎng)址了,即用“../”表示您的網(wǎng)站,然后在后邊緊跟文件在您的網(wǎng)站中的路徑,假設(shè)home是您的網(wǎng)站下的一個(gè)目錄,則代碼應(yīng)為<img src="../home/logo.gif">,若home是您的網(wǎng)站下的目錄king下邊的一個(gè)子目錄,則代碼應(yīng)該變?yōu)?lt;img src="../king/home/logo.gif">了?,F(xiàn)在您對(duì)相對(duì)路徑應(yīng)該有所了解了吧!
必須強(qiáng)調(diào)一下,src屬性在<img>標(biāo)志中是必須賦值的,是標(biāo)志中不可缺少的一部分。除此之外,<img>標(biāo)志還有alt、align、border、width和height屬性。align是圖像的對(duì)齊方式,在前邊的教程中已經(jīng)講了很多了,這里就不再提了。border屬性是圖像的邊框,可以取大于或者等于0的整數(shù),默認(rèn)單位是像素。width和Height屬性是圖像的寬和高,默認(rèn)單位也是象素。alt屬性是當(dāng)鼠標(biāo)移動(dòng)到圖像上時(shí)顯示的文本。
2.<hr>
<hr>標(biāo)志是在Html文檔中加入一條水平線,它可以直接使用,具有size、color、width和noshade屬性。size是設(shè)置水平線的厚度,而width是設(shè)定水平線的寬度,默認(rèn)單位是像素。想必大家對(duì)color屬性已經(jīng)很熟悉了,在此就不再用多講。noshade屬性不用賦值,而是直接加入標(biāo)志即可使用,它是用來(lái)加入一條沒(méi)有陰影的水平線(不加入此屬性水平線將有陰影)。
下面是本教程的一個(gè)綜合例子。
例5 圖像標(biāo)志舉例
<html>
<head>
<title>圖像標(biāo)志的綜合示例</title>
</head>
<body>
<p align="center"><img src="../logo468_60.gif" alt="網(wǎng)頁(yè)制作" WIDTH="468" HEIGHT="60"></p>
<hr width="600" size="1" color="#0000FF">
</body>
</html>
本例在瀏覽其中的顯示結(jié)果如下:
教程六、鏈接標(biāo)志
1.<a href=""></a>
2.<a name=""></a>
教程六的內(nèi)容不是很多,而且很簡(jiǎn)單。鏈接是Html語(yǔ)言的一大特色,正因?yàn)橛辛怂?,我們?duì)內(nèi)容的瀏覽才能夠具有靈活性和網(wǎng)絡(luò)性。
1.<a href=""></a>
本標(biāo)志對(duì)的屬性href是無(wú)論如何不可缺少的,標(biāo)志對(duì)之間加入需要鏈接的文本或圖像(鏈接圖像即加入<img src="">標(biāo)志)。href的值可以是URL形式,即網(wǎng)址或相對(duì)路徑,也可以是mailt形式,即發(fā)送E-Mail形式。對(duì)于第一種情況,語(yǔ)法為<a href="URL"></a>,這就能創(chuàng)建一個(gè)超文本鏈接了,例如:
<a >這是我的網(wǎng)站</a>
對(duì)于第二種情況,語(yǔ)法為<a href="mailtEMAIL"></a>,這就創(chuàng)建了一個(gè)自動(dòng)發(fā)送電子郵件的鏈接,mailt后邊緊跟想要制動(dòng)發(fā)送的電子郵件的地址(即E-Mail地址),例如:
<a href="mail:123@263.net">這是我的電子信箱(E-Mail信箱)</a>
此外,<a href=""></a>還具有target屬性,此屬性用來(lái)指明瀏覽的目標(biāo)幀,我們將在講幀標(biāo)志時(shí)作詳細(xì)的說(shuō)明,這里您只要知道如果不使用target屬性,當(dāng)瀏覽者點(diǎn)擊了鏈接之后將在原來(lái)的瀏覽器窗口中瀏覽新的Html文檔,若target的值等于“_blank”,點(diǎn)擊鏈接后將會(huì)打開(kāi)一個(gè)新的瀏覽器窗口來(lái)瀏覽新的Html文檔。例如:
<a target="_blank">這是我的網(wǎng)站</a>
2.<a name=""></a>
<a name=""></a>標(biāo)志對(duì)要結(jié)合<a href=""></a>標(biāo)志對(duì)使用才有效果。<a name=""></a>標(biāo)志對(duì)用來(lái)在Html文檔中創(chuàng)建一個(gè)標(biāo)簽(即做一個(gè)記號(hào)),屬性name是不可缺少的,它的值也即是標(biāo)簽名,例如:
<a name="標(biāo)簽名">此處創(chuàng)建了一個(gè)標(biāo)簽</a>
創(chuàng)建標(biāo)簽是為了在Html文檔中創(chuàng)建一些鏈接,以便能夠找到同一文檔中的有標(biāo)簽的地方。要找到標(biāo)簽所在地,就必須使用<a href=""></a>標(biāo)志對(duì)。例如要找到“標(biāo)簽名”這個(gè)標(biāo)簽,就要編寫(xiě)如下代碼:
<a href="#標(biāo)簽名">點(diǎn)擊此處將使瀏覽器跳到“標(biāo)簽名”處</a>
注意:href屬性賦的值若是標(biāo)簽的名字,必須在標(biāo)簽名前邊加一個(gè)“#”號(hào)。
下面是本教程的一個(gè)綜合示例:
例7 鏈接標(biāo)志的綜合示例
<html>
<head>
<title>鏈接標(biāo)志的綜合示例</title>
</head>
<body>
<p align="center" style="font-size:9pt;color:yellow;background:black"><br>
<a name="Top"><font color="red">創(chuàng)建標(biāo)簽處</font></a><br>
<br>
<br>
歡迎想要學(xué)習(xí)網(wǎng)頁(yè)制作的同學(xué)訪問(wèn)我的網(wǎng)站<br>
<a target="_blank"><font color="lime">http://bbs.dvbbs.net/</font><br>
<br>
<img src="http://bbs.dvbbs.net/images/logo.gif"
alt="歡迎訪問(wèn)&quot;網(wǎng)頁(yè)制作&quot;" border="0" width="468" height="60"></a><br>
<br>
本網(wǎng)站的主要內(nèi)容<br>
<br>
<a href="index_Html.htm" target="_blank">Html教程</a><br>
<br>
<a href="../DHtml/index_DHtml.htm" target="_blank">動(dòng)態(tài)Html教程</a><br>
<br>
<a href="../ASP/index_ASP.htm" target="_blank">ASP教程</a><br>
<br>
JavaScript教程<br>
<br>
VBScript教程<br>
<br>
<a href="../yqlj/yqlj.htm" target="_blank">友情鏈接</a><br>
<br>
我要留言<br>
<br>
作者介紹<br>
<br>
<br>
歡迎給我來(lái)信,我的E-Mail是:
<a href="mailt123@263.net"><font color="lime">123@263.net</font></a><br>
<br>
<a href="#Top"><font color="lime">點(diǎn)擊此處回到標(biāo)簽處</font></a><br>
<br>
</p>
</body>
</html>
教程八、表單標(biāo)志
1.<form></form>
2.<input type="">
3.<select></select><option>
4.<textarea></textarea>
表單在Web網(wǎng)頁(yè)中用來(lái)給訪問(wèn)者填寫(xiě)信息,從而能獲得用戶(hù)信息,使網(wǎng)頁(yè)具有交互的功能。一般是將表單設(shè)計(jì)在一個(gè)Html文檔中,當(dāng)用戶(hù)填寫(xiě)完信息后做提交(submit)操作,于是表單的內(nèi)容就從客戶(hù)端的瀏覽器傳送到服務(wù)器上,經(jīng)過(guò)服務(wù)器上的 ASP 或 CGI 等處理程序處理后,再將用戶(hù)所需信息傳送回客戶(hù)端的瀏覽器上,這樣網(wǎng)頁(yè)就具有了交互性。這里我們只講怎樣使用Html標(biāo)志來(lái)設(shè)計(jì)表單。
1.<form></form>
<form></form>標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)表單,也即定義表單的開(kāi)始和結(jié)束位置,在標(biāo)志對(duì)之間的一切都屬于表單的內(nèi)容。<form>標(biāo)志具有action、method和target屬性。action的值是處理程序的程序名(包括網(wǎng)絡(luò)路徑:網(wǎng)址或相對(duì)路徑),如:<form action="http://xld.home.chinaren.net/counter.cgi">,當(dāng)用戶(hù)提交表單時(shí),服務(wù)器將執(zhí)行網(wǎng)址http://xld.home.chinaren.net/上的名為counter.cgi的CGI程序。method屬性用來(lái)定義處理程序從表單中獲得信息的方式,可取值為 GET 和 POST 的其中一個(gè)。GET方式是處理程序從當(dāng)前Html文檔中獲取數(shù)據(jù),然而這種方式傳送的數(shù)據(jù)量是有所限制的,一般限制在1KB以下。POST方式與GET方式相反,它是當(dāng)前的Html文檔把數(shù)據(jù)傳送給處理程序,傳送的數(shù)據(jù)量要比使用GET方式的大的多。target屬性用來(lái)指定目標(biāo)窗口或目標(biāo)幀。
2.<input type="">
<input type="">標(biāo)志用來(lái)定義一個(gè)用戶(hù)輸入?yún)^(qū),用戶(hù)可在其中輸入信息。此標(biāo)志必須放在<form></form>標(biāo)志對(duì)之間。<input type="">標(biāo)志中共提供了八種類(lèi)型的輸入?yún)^(qū)域,具體是哪一種類(lèi)型由type屬性來(lái)決定。請(qǐng)看下邊列表:
type屬性取值
輸入?yún)^(qū)域類(lèi)型
輸入?yún)^(qū)域示例
<input type="TEXT" size="" maxlength="">
單行的文本輸入?yún)^(qū)域,size與maxlength屬性用來(lái)定義此種輸入?yún)^(qū)域顯示的尺寸大小與輸入的最大字符數(shù)
<input type="SUBMIT">
將表單內(nèi)容提交給服務(wù)器的按鈕
<input type="RESET">
將表單內(nèi)容全部清除,重新填寫(xiě)的按鈕
<input type="CHECKBOX" checked>
一個(gè)復(fù)選框,checked屬性用來(lái)設(shè)置該復(fù)選框缺省時(shí)是否被選中,右邊示例中使用了三個(gè)復(fù)選框
你喜歡哪些教程:
Html入門(mén)動(dòng)態(tài)HtmlASP
<input type="HIDDEN">
隱西藏域,用戶(hù)不能在其中輸入,用來(lái)預(yù)設(shè)某些要傳送的信息
<input type="IMAGE" src="URL">
使用圖像來(lái)代替Submit按鈕,圖像的源文件名由src屬性指定,用戶(hù)點(diǎn)擊后,表單中的信息和點(diǎn)擊位置的X、Y坐標(biāo)一起傳送給服務(wù)器
<input type="PASSWARD">
輸入密碼的區(qū)域,當(dāng)用戶(hù)輸入密碼時(shí),區(qū)域內(nèi)將會(huì)顯示"*"號(hào)
請(qǐng)輸入您的密碼:
<input type="RADIO">
單選按鈕類(lèi)型,checked屬性用來(lái)設(shè)置該單選框缺省時(shí)是否被選中,右邊示例中使用了三個(gè)單選框
10月3日中韓國(guó)奧隊(duì)比賽結(jié)果會(huì)是:
中國(guó)勝平局韓國(guó)勝
此外,八種類(lèi)型的輸入?yún)^(qū)域有一個(gè)公共的屬性name,此屬性給每一個(gè)輸入?yún)^(qū)域一個(gè)名字。這個(gè)名字與輸入?yún)^(qū)域是一一對(duì)應(yīng)的,即一個(gè)輸入?yún)^(qū)域?qū)?yīng)一個(gè)名字。服務(wù)器就是通過(guò)調(diào)用某一輸入?yún)^(qū)域的名字的value屬性來(lái)獲得該區(qū)域的數(shù)據(jù)的。而value屬性是另一個(gè)公共屬性,它可用來(lái)指定輸入?yún)^(qū)域的缺省值。
3.<select></select><option>
<select></select>標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)下拉列表框或可以復(fù)選的列表框。此標(biāo)志對(duì)用于<form></form>標(biāo)志對(duì)之間。<select>具有multiple、name和size屬性。multiple屬性不用賦值,直接加入標(biāo)志中即可使用,加入了此屬性后列表框就成了可多選的了;name是此列表框的名字,它與上邊講的name屬性作用是一樣的;size屬性用來(lái)設(shè)置列表的高度,缺省時(shí)值為1,若沒(méi)有設(shè)置(加入)multiple屬性,顯示的將是一個(gè)彈出式的列表框。
<option>標(biāo)志用來(lái)指定列表框中的一個(gè)選項(xiàng),它放在<select></select>標(biāo)志對(duì)之間。此標(biāo)志具有selected和value屬性,selected用來(lái)指定默認(rèn)的選項(xiàng),value屬性用來(lái)給<option>指定的那一個(gè)選項(xiàng)賦值,這個(gè)值是要傳送到服務(wù)器上的,服務(wù)器正是通過(guò)調(diào)用<select>區(qū)域的名字的value屬性來(lái)獲得該區(qū)域選中的數(shù)據(jù)項(xiàng)的。請(qǐng)看下例:
Html代碼
瀏覽器顯示的結(jié)果
<form action="cgi-bin/#cgi" method="post">
<p>請(qǐng)選擇最喜歡的男歌星:
<select name="gx1" size="1">
<option value="ldh">劉德華
<option value="zhxy" selected>張學(xué)友
<option value="gfch">郭富城
<option value="lm">黎明
</select>
</form>
請(qǐng)選擇最喜歡的男歌星:
<form action="cgi-bin/#cgi" method="post">
<p>請(qǐng)選擇最喜歡的女歌星:
<select name="gx2" multiple size="4">
<option value="zhmy">張曼玉
<option value="wf" selected>王菲
<option value="tzh">田震
<option value="ny">那英
</select>
</form>
請(qǐng)選擇最喜歡的女歌星:
4.<textarea></textarea>
<textarea></textarea>用來(lái)創(chuàng)建一個(gè)可以輸入多行的文本框,此標(biāo)志對(duì)用于<form></form>標(biāo)志對(duì)之間。<textarea>具有name、cols和rows屬性。cols和rows屬性分別用來(lái)設(shè)置文本框的列數(shù)和行數(shù),這里列與行是以字符數(shù)為單位的。請(qǐng)看下邊的例子:
Html代碼
瀏覽器顯示的結(jié)果
<form action="cgi-bin/#cgi" method="post">
<p>您的意見(jiàn)對(duì)我很重要:
<textarea name="yj" clos="20" rows="5">
請(qǐng)將意見(jiàn)輸入此區(qū)域
</textarea>
</form>
您的意見(jiàn)對(duì)我很重要:
Html4.0 參考
基本標(biāo)志
<html></html>
創(chuàng)建一個(gè)HTML文檔
<head></head>
設(shè)置文檔標(biāo)題和其它在網(wǎng)頁(yè)中不顯示的信息
<body></body>
設(shè)置文檔的主體部分
文檔整體屬性標(biāo)志
<body bgcolor="">
設(shè)置背景顏色。使用名字或RGB的十六進(jìn)制值
<body text="">
設(shè)置文本顏色。使用名字或RGB的十六進(jìn)制值
<body link="">
設(shè)置鏈接顏色。使用名 字或RGB的十六進(jìn)制值
<body vlink="">
設(shè)置已使用的鏈接的顏色。使用名字或RGB的十六進(jìn)制值
<body alink="">
設(shè)置正在被擊中的鏈接的顏色。使用名字或RGB的十六進(jìn)制值
圖像標(biāo)志
<img src="name">
在HTML文檔中嵌入一個(gè)圖像
<img src="name" align="">
排列對(duì)齊一個(gè)圖像:左、中、右或上、中、下
<img src="name" border="">
設(shè)置圖像的邊框的大小
<hr>
加入一條水平線
<hr size="">
設(shè)置水平線的厚度
<hr width="">
設(shè)置水平線的寬度??梢允前俜直然蚪^對(duì)像素點(diǎn)
<hr noshade>
沒(méi)有陰影的水平線
表格標(biāo)志
<table></table>
創(chuàng)建一個(gè)表格
<tr></tr>
表格中的每一行
<td></td>
表格中一行中的每一個(gè)格子
<th></th>
設(shè)置表格頭:通常是黑體居中文字
<table border="">
設(shè)置邊框的寬度
<table cellspacing="">
設(shè)置表格格子之間空間的大小
<table cellpadding="">
設(shè)置表格格子邊框與其內(nèi)部?jī)?nèi)容之間空間的大小
<table width="">
設(shè)置表格的寬度。用絕對(duì)像素值或總寬度的百分比
<tr align="">
設(shè)置表格格子的水平對(duì)齊方式(左中右)
<tr valign="">
設(shè)置表格格子的垂直對(duì)齊方式(上中下)
<td colspan="">
設(shè)置一個(gè)表格格子跨占的列數(shù)(缺省值為1)
<td rowspan="">
設(shè)置一個(gè)表格格子跨占的行數(shù)(缺省值為1)
<td nowrap>
禁止表格格子內(nèi)的內(nèi)容自動(dòng)斷行
標(biāo)題標(biāo)志
<title></title>
將文檔的題目放在瀏覽器的標(biāo)題欄中
文本標(biāo)志
<pre></pre>
預(yù)先格式化文本
<h1></h1>
最大的標(biāo)題
<h6></h6>
最小的標(biāo)題
<b></b>
黑體字
<i></i>
斜體字
<tt></tt>
打字機(jī)風(fēng)格的字體
<cite></cite>
引用,通常是斜體
<em></em>
強(qiáng)調(diào)文本(通常是斜體加黑體)
<strong></strong>
加重文本(通常是斜體加黑體)
<font size=""></font>
設(shè)置字體大小,從1到7
<font color=""></font>
設(shè)置字體的顏色,使用名字或RGB的十六進(jìn)制值
鏈接標(biāo)志
<a href="URL"></a>
創(chuàng)建超文本鏈接
<a href="mailtEMAIL">
</a>
創(chuàng)建自動(dòng)發(fā)送電子郵件的鏈接
<a name="name"></a>
創(chuàng)建位于文檔內(nèi)部的書(shū)簽
<a href="#name"></a>
創(chuàng)建指向位于文檔內(nèi)部書(shū)簽的鏈接
幀標(biāo)志
<frameset></frameset>
放在一個(gè)幀文檔的<body>標(biāo)簽之前,也可以嵌在其他幀文檔中
<frameset rows="value,value">
定義一個(gè)幀內(nèi)的行數(shù),可以使用絕對(duì)像素值或高度的百分比
<frameset cols="value,value">
定義一個(gè)幀內(nèi)的列數(shù),可以使用絕對(duì)像素值或?qū)挾鹊陌俜直?div style="height:15px;">
<frame>
定義一個(gè)幀內(nèi)的單一窗或窗區(qū)域
<noframes></noframes>
定義在不支持幀的瀏覽器中顯示什么提示
<frame src="URL">
規(guī)定幀內(nèi)顯示的HTML文檔
<frame name="name">
命名幀或區(qū)域以便別的幀可以指向它
<frame marginwidth="">
定義幀左右邊緣的空白大小,必須大于等于1
<frame marginheight="">
定義幀上下邊緣的空白大小,必須大于等于1
<frame scrolling="">
設(shè)置幀是否有滾動(dòng)欄,其值可以是"yes","no" 或"auto"
<frame noresize>
禁止用戶(hù)調(diào)整一個(gè)幀的大小
格式標(biāo)志
<p></p>
創(chuàng)建一個(gè)段落
<p align="">
將段落按左、中、右對(duì)齊
<br>
插入一個(gè)回車(chē)換行符
<blockquote></blockquote>
從兩邊縮進(jìn)文本
<dl></dl>
定義列表
<dt>
放在每個(gè)定義術(shù)語(yǔ)詞前
<dd>
放在每個(gè)定義之前
<ol></ol>
創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表
<ul></ul>
創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表
<li>
放在每個(gè)列表項(xiàng)之前,若在<ol></ol>之間則每個(gè)列表項(xiàng)加上一個(gè)數(shù)字,若在<ul></ul>之間則每個(gè)列表項(xiàng)加上一個(gè)圓點(diǎn)
<div align=""></div>
用來(lái)排版大塊HTML段落,也用于格式化表
表單標(biāo)志
<form></form>
創(chuàng)建表單
<select multiple name="name" size=""></select>
創(chuàng)建滾動(dòng)菜單,size設(shè)置在需要滾動(dòng)前可以看到的表單項(xiàng)數(shù)目
<option>
設(shè)置每個(gè)表單項(xiàng)的內(nèi)容
<select name="name"></select>
創(chuàng)建下拉菜單
<option>
設(shè)置每個(gè)菜單項(xiàng)的內(nèi)容
<textarea name="name" cols=40 rows=8></textarea>
創(chuàng)建一個(gè)文本框區(qū)域,列的數(shù)目設(shè)置寬度,行的數(shù)目設(shè)置高度
<input type="checkbox" name="name">
創(chuàng)建一個(gè)復(fù)選框,文字在標(biāo)簽后面
<input type="radio" name="name" value="">
創(chuàng)建一個(gè)單選框,文字在標(biāo)志后面
<input type=text name="foo" size=20>
創(chuàng)建一個(gè)單行文本輸入?yún)^(qū)域,size設(shè)置以字符串的寬度
<input type="submit" value="name">
創(chuàng)建提交(submit)按鈕
<input type="image" border=0 name="name" src="name.gif">
創(chuàng)建一個(gè)使用圖象的提交(submit)按鈕
<input type="reset">
創(chuàng)建重置(reset)按鈕
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶(hù)發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
HTML入門(mén)教程(四)
HTML 30分鐘入門(mén)教程
前端基礎(chǔ)入門(mén)(一)-HTML-HTML基礎(chǔ)
HTML <img> 標(biāo)簽的 src 屬性
[HTML] 圖片標(biāo)簽、絕對(duì)路徑 和 相對(duì)路徑
HTML筆記(三)
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服