HTML 基本語(yǔ)法 方便剛開(kāi)始學(xué)習(xí)html的朋友
來(lái)源:易賢網(wǎng) 閱讀:758 次 日期:2016-06-21 15:38:17
溫馨提示:易賢網(wǎng)小編為您整理了“HTML 基本語(yǔ)法 方便剛開(kāi)始學(xué)習(xí)html的朋友”,方便廣大網(wǎng)友查閱!

HTML 基本語(yǔ)法 方便剛開(kāi)始學(xué)習(xí)html的朋友,很多剛開(kāi)始接觸并想學(xué)習(xí)網(wǎng)頁(yè)制作的朋友可以看下

1.1一般標(biāo)記

一般標(biāo)記是由一個(gè)起始標(biāo)記(Opening Tag)和一個(gè)結(jié)束標(biāo)記(Ending Tag)所組成,其語(yǔ)法為:<x>受控文字</x>

其中,x代表標(biāo)記名稱(chēng)。<x>和</x>就如同一組開(kāi)關(guān):起始標(biāo)記<x>為開(kāi)啟(ON)的某種功能,而結(jié)束標(biāo)記</x>(通常為起始標(biāo)記加上一個(gè)斜線(xiàn)/)為關(guān)(OFF)功能,受控制的文字信息便放在兩標(biāo)記之間。例如:<i>這是斜體字</i>。

標(biāo)記之中還可以附加一些屬性(Attribute),用來(lái)完成某些特殊效果或功能。例如:<x a1="v1",a2="v2",...,an="vn">受控文字</x>

其中,a1,a2,...,an為屬性名稱(chēng),而v1,v2,...,vn則是其所對(duì)應(yīng)的屬性值,屬性值加不加引號(hào),目前所使用的瀏覽器都可接受,但依據(jù)W3C的新標(biāo)準(zhǔn),屬性值是要加引號(hào)的,所以最好養(yǎng)成加引號(hào)得習(xí)慣。

1.2 空標(biāo)記

雖然大部分的標(biāo)記是成雙成對(duì)出現(xiàn)的,但也有一些是單獨(dú)存在的。這些單獨(dú)存在的標(biāo)記稱(chēng)為空標(biāo)記(Empty Tags)。其與法為:<x>

同樣,空標(biāo)記也可以附加一些屬性(Attribute),用來(lái)完成某些特殊效果或功能。如:<x a1="v1",a2="v2",...,an="vn">,例如:<hr>,<br>等。

W3C定義的新標(biāo)準(zhǔn)(XHTML1.0/HTML4.0)建議:空標(biāo)記應(yīng)以/結(jié)尾,即:<X />

如果附加屬性則為:<x a1="v1",a2="v2",...,an="vn" />

目前所使用的瀏覽器對(duì)于空標(biāo)記后面是否要加/并沒(méi)有嚴(yán)格要求,即在空標(biāo)記最后在/和沒(méi)有加/,不影響其功能。但是如果希望你的文件能滿(mǎn)足最新標(biāo)準(zhǔn),那么最好加上/。

2. HTML標(biāo)記分類(lèi)

2.1文件結(jié)構(gòu)標(biāo)記(Document Structure Tags)

此類(lèi)標(biāo)記的目的是用來(lái)標(biāo)示出文件的結(jié)構(gòu),主要的有:

<html>...</html>:標(biāo)示html文件的起始和終止。

<head>...</head>:標(biāo)示出文件標(biāo)題區(qū)。

<body>...</body>:標(biāo)示出文件主體區(qū)

2.2區(qū)段格式標(biāo)記(Block Formatting Tags)

此類(lèi)標(biāo)記的主要用途是將HTML文件中得某個(gè)區(qū)段文字,以特定格式顯示,增加文件的可看度。主要的有:

<title>...</title>:文件題目。

<hi>...</hi>:i=1,2,...,6,網(wǎng)頁(yè)標(biāo)題。

<hr>:產(chǎn)生水平線(xiàn)。

<br>:強(qiáng)迫換行。

<p>...</p>:文件段落。

<pre>...</pre>:以原始格式顯示。

<address>...</address>:標(biāo)注聯(lián)絡(luò)人姓名、電話(huà)、地址等信息。

<blockquote>...</blockquote>:區(qū)段引用標(biāo)記。

2.3字符格式標(biāo)記(Character Formatting Tags)

用來(lái)改變HTML文件文字的外觀(guān),增加文件的美觀(guān)程度。主要有:

<b>...</b>:粗體字。

<i>...</i>:斜體字。

<tt>...</tt>:打字體。

<font>...</font>:改變字體設(shè)置。

<center>...</center>:居中對(duì)齊。

<blink>...</blink>:文字閃爍。

<big>...</big>:加大字號(hào)。

<small>...</small>:縮小字號(hào)。

<cite>...</cite>:參照。

2.4列表標(biāo)記(List Tags)

<ul>...</ul>:無(wú)編號(hào)列表。

<ol>...</ol:有編號(hào)列表。

<li>...</li>:列表項(xiàng)目。

<dl>...</dl>:定義式列表。

<dd>...</dd>:定義項(xiàng)目。

<dt>...</dt>:定義項(xiàng)目。

<dir>...</dir>:目錄式列表。

<menu>...</menu>:菜單式列表。

2.5鏈接標(biāo)記(Anchor Tag)

鏈接可以說(shuō)是html超文本文件的命脈,html通過(guò)鏈接標(biāo)記來(lái)整合分散在世界各地的圖、文、影、音等信息。此類(lèi)標(biāo)記的主要用途為標(biāo)示超文本文件鏈接(Hypertext Link),主要有:

<a>...</a>:建立超級(jí)鏈接。

2.6多媒體標(biāo)記(Multimedia Tag)

此類(lèi)標(biāo)記用來(lái)顯示圖像數(shù)據(jù)。主要有:

<img>:嵌入圖像。

<embed>:嵌入多媒體對(duì)象。

<bgsound>:背景音樂(lè)。

2.7表格標(biāo)記(Table Tags)

此類(lèi)標(biāo)記用制作表格。主要有:

<table>...</table>:定義表格區(qū)段。

<caption>...</caption>:表格標(biāo)題。

<th>...</th>:表頭。

<tr>...</tr>:表格列。

<td>...</td>:表格單元格。

2.8表單標(biāo)記(Form Tags)

此類(lèi)標(biāo)記用來(lái)制作交互式表單,主要的有:

<Form>...</form>:表明表單區(qū)段的開(kāi)始與結(jié)束。

<input>:產(chǎn)生單行文本框、單選按鈕、復(fù)選框等。

<textarea>...</textarea>:產(chǎn)生多行輸入文本框。

<select>...</select>:標(biāo)明下拉列表的開(kāi)始與結(jié)束。

<option>...</option>:在下拉列表中產(chǎn)生一個(gè)選擇項(xiàng)目。

HTML標(biāo)記并沒(méi)有大小寫(xiě)之分,即<BODY>和<body>是相同的。以下來(lái)分別介紹這些標(biāo)記。

3. 文件結(jié)構(gòu)標(biāo)記

一個(gè)html文件的結(jié)構(gòu)基本上可以分為兩部分,一部分稱(chēng)為標(biāo)題區(qū)(Head Section);另一部分稱(chēng)為主體區(qū)(Body Section)。文件結(jié)構(gòu)標(biāo)記就是用來(lái)標(biāo)示出何處屬于標(biāo)題,何處屬于主體。

3.1<html>:標(biāo)示整份文件

用途:標(biāo)示整篇html文件

說(shuō)明:一個(gè)標(biāo)準(zhǔn)的html文件是一篇以<html>開(kāi)頭,而以</html>結(jié)束的文件。即:

<html>

... html文件全文

</html>

3.2<head>:標(biāo)示出文件標(biāo)題區(qū)

說(shuō)明:html文件中,由<head>和</head>所夾住的區(qū)域稱(chēng)為文件的標(biāo)題區(qū)。通常head區(qū)段都內(nèi)含在html區(qū)段之中,即:

<html>

<head>

...... html文件標(biāo)題區(qū)

</head>

.....

</html>

3.3<title>:網(wǎng)頁(yè)標(biāo)題

<title>.....</title>是html文件標(biāo)題區(qū)中最重要也是最常用的標(biāo)記。其他標(biāo)題區(qū)的標(biāo)記還包括<base>、<isindex>、<link>、<nextid>、<meta>等。

<title>標(biāo)記的用途是設(shè)置網(wǎng)頁(yè)標(biāo)題,這個(gè)標(biāo)題會(huì)顯示在瀏覽器窗口的標(biāo)題欄上,不會(huì)出現(xiàn)在瀏覽器的頁(yè)面(page)文字中。而大部分瀏覽器的收藏(My Favorites)、書(shū)簽(BookMark)或歷史記錄列表(History List)功能,也都是以這個(gè)文件的標(biāo)題作為名稱(chēng)的。

由<title>...</title>所標(biāo)注的文字并無(wú)長(zhǎng)度的限制,不過(guò)太長(zhǎng)的標(biāo)題,有時(shí)可能會(huì)被截掉,并且也不容易記憶。

3.4<body>:標(biāo)示出文件主體區(qū)

說(shuō)明:在html文件中,由<body>...</body>所夾住的區(qū)域稱(chēng)為文件的主體區(qū),通常是在<head>區(qū)段之后。

3.5<body>標(biāo)記的屬性

backgroud屬性:

這個(gè)屬性可以指定一個(gè)圖形文件(一般為gif或jpeg),作為背景圖案。該圖形會(huì)像拼瓷磚一樣鋪成整個(gè)網(wǎng)頁(yè)的底圖。

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作

2025國(guó)考·省考課程試聽(tīng)報(bào)名

  • 報(bào)班類(lèi)型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專(zhuān)用圖標(biāo)
聯(lián)系電話(huà):0871-65099533/13759567129 獲取招聘考試信息及咨詢(xún)關(guān)注公眾號(hào):hfpxwx
咨詢(xún)QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專(zhuān)用圖標(biāo)