網(wǎng)站制作中的HTML 基本語(yǔ)法介紹:
HTML 語(yǔ)法很簡(jiǎn)單,即使沒(méi)有任何高級(jí)語(yǔ)言基礎(chǔ)的人都很容易學(xué)會(huì),HTML 的語(yǔ)法由標(biāo)簽(Tag)和屬性(Attribute)所組成,瀏覽器只要看到 HTML 文件的標(biāo)記符和屬性,就可以將它解釋成網(wǎng)頁(yè)并顯示給用戶(hù)。
1.標(biāo)簽
在 HTML 文檔中可以看到一大堆的左括號(hào)與右括號(hào)(“<”和“>”),在 HTML 中將這些用“<”和“>”括起來(lái)的字符稱(chēng)為標(biāo)簽。Html 語(yǔ)言就是使用這些標(biāo)簽來(lái)編寫(xiě) HTML 文檔的,這樣既簡(jiǎn)單又方便。但這些標(biāo)簽通常必須成對(duì)出現(xiàn),用<標(biāo)簽名></標(biāo)簽名>來(lái)表示標(biāo)簽的開(kāi)始和結(jié)束(例如<html></html>標(biāo)志對(duì))。但是某些標(biāo)簽,如換行標(biāo)簽<br>,只要求單一的標(biāo)簽符號(hào)。HTML標(biāo)簽不區(qū)分大小寫(xiě),但為了維護(hù)方便,一般要約定大小寫(xiě)標(biāo)簽。
HTML的標(biāo)簽通??梢苑譃閮煞N:
第一種是用來(lái)識(shí)別網(wǎng)頁(yè)上的元素或描述元素的樣式,如網(wǎng)頁(yè)的標(biāo)題標(biāo)簽<title>、網(wǎng)頁(yè)的主體標(biāo)簽<body>、段落標(biāo)簽<p>、標(biāo)題1 標(biāo)簽<h1>、粗體標(biāo)簽<b>、斜體標(biāo)簽<i>、編號(hào)清單標(biāo)簽<o(jì)1>、分項(xiàng)符號(hào)清單標(biāo)簽<ul>等。
第二種是用來(lái)指向其他資源的,如<image>可用來(lái)插入圖片、<applet>可用來(lái)插入 Java Applet等。
例如,如果想將一行文字設(shè)為斜體,那么只要在輸入文字的前后加上<i>和</i>標(biāo)簽即可。其中<i>是開(kāi)始標(biāo)簽。</i>是結(jié)束標(biāo)簽。在成對(duì)出現(xiàn)的標(biāo)簽里,結(jié)束標(biāo)簽與開(kāi)始標(biāo)簽的區(qū)別是有一條斜線(xiàn)。只有標(biāo)簽之間的內(nèi)容才會(huì)受該標(biāo)簽的影響。如本例中<i>和</i>標(biāo)簽之間的內(nèi)容會(huì)受該斜體標(biāo)簽的影響,而<i>和</i>標(biāo)簽之外的內(nèi)容則不受標(biāo)簽的影響。
(1)標(biāo)簽的結(jié)構(gòu)類(lèi)型
① 單標(biāo)簽。某些標(biāo)記稱(chēng)為“單標(biāo)簽”,因?yàn)樗恍鑶为?dú)使用就能完整地表達(dá)意思,這類(lèi)標(biāo)記的語(yǔ)法如下所示:<元素名> 內(nèi)容這種形式也稱(chēng)為空標(biāo)簽,它是最簡(jiǎn)明的一種形式,是指標(biāo)記單獨(dú)出現(xiàn),只有開(kāi)始標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。它僅用于一些特殊的元素,比如分段標(biāo)簽<P>就屬于空標(biāo)簽。它僅僅只是通知 WWW 瀏覽器在此處分段,因而不需要界定作用范圍, 所以它沒(méi)有結(jié)束標(biāo)簽。最常用的單標(biāo)簽是<BR>,它表示換行。
② 雙標(biāo)簽。另一類(lèi)標(biāo)記稱(chēng)為“雙標(biāo)簽”,它由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成,必須成<html>
<head>
<title>一個(gè)標(biāo)簽的例子</title>
</head>
<body>
標(biāo)簽作用開(kāi)始<i> 開(kāi)始向 HTML進(jìn)軍 </i>標(biāo)簽作用結(jié)束</body>
</html>
對(duì)使用,其中開(kāi)始標(biāo)簽告訴 Web瀏覽器從此處開(kāi)始執(zhí)行該標(biāo)記所表示的功能,而尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)簽前加一個(gè)斜杠(/)即成為尾標(biāo)記。這類(lèi)標(biāo)記的語(yǔ)法是:<標(biāo)簽名>內(nèi)容</標(biāo)簽名>其中“內(nèi)容”部分就是要被這對(duì)標(biāo)記施加作用的部分。例如想突出對(duì)某段文字的顯示,就將此段文字放在一對(duì)標(biāo)記<EM> </EM>中。
(2)標(biāo)簽屬性
許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性, 其語(yǔ)法是:<標(biāo)簽名 屬性 1 屬性 2 屬性 3 … > 內(nèi)容 </標(biāo)簽名>各屬性之間無(wú)先后次序,屬性也可省略(即取默認(rèn)值),例如單標(biāo)記<HR>表示在文檔當(dāng)前位置畫(huà)一條水平線(xiàn)(Horizontal Line),一般是從窗口中當(dāng)前行的最左端一直畫(huà)到最右端。帶一些屬性,如:“HR SIZE=3 ALIGN=LEFT WIDTH="75%">”。其中 SIZE 屬性定義線(xiàn)的粗細(xì),屬性值取整數(shù),缺為1;ALIGN屬性表示對(duì)齊方式,可取 LEFT(左對(duì)齊為缺省值),CENTER(居中),RIGHT(右對(duì)齊);WIDTH
屬性定義線(xiàn)的長(zhǎng)度,可取相對(duì)值,(由一對(duì)對(duì)引號(hào)括起來(lái)的百分?jǐn)?shù)來(lái)表示相對(duì)于充滿(mǎn)整個(gè)窗口的百分比),也可取絕對(duì)值(用整數(shù)表示的屏幕像素點(diǎn)的個(gè)數(shù),如 WIDTH=300),缺省值是"100%"。
2.屬性
除了 HTML 標(biāo)簽本身所能描述的特性之外,大部分的標(biāo)簽還包括一些屬性。這些屬性可以提供更多的相關(guān)信息,并對(duì)標(biāo)簽所作用的內(nèi)容進(jìn)行更詳細(xì)的控制。其實(shí),HTML語(yǔ)法,主要講的就是各種標(biāo)簽屬性。在 HTML 中,所有的屬性都要放置在開(kāi)始標(biāo)簽的尖括號(hào)里。HTML 屬性與標(biāo)簽一樣,字母沒(méi)有大小寫(xiě)之分。而且一個(gè)標(biāo)簽后面可以加上多個(gè)屬性。
3.值
通常屬性都有一個(gè)值(Value),而且這個(gè)值的選取必須是合法的,即:要在預(yù)先定義好的范圍之內(nèi)選取,且不能自己去定義。例如,<HR>是添加水平線(xiàn)的標(biāo)簽,它有一個(gè)align對(duì)齊方式屬性,它的值只有 Left、Right 和 Center。如果輸入或定義其他的方式,就會(huì)出錯(cuò)。
4.空格
HTML瀏覽器會(huì)忽略標(biāo)簽之間多余的空格或“Enter”鍵,可以利用這個(gè)特點(diǎn)在程序源文件中加上空格和“Enter”鍵,從而將 HTML 源文件排列整齊,以方便閱讀和管理。那么,怎樣才能在網(wǎng)頁(yè)中實(shí)現(xiàn)空格與“Enter”功能呢?在 HTML 中,有專(zhuān)門(mén)的格式標(biāo)簽<br>,它可以強(qiáng)行將網(wǎng)頁(yè)的一段文字換行。只要在這段文字之前插入標(biāo)簽<br>就可以換行了,而僅在程序源文件中按下“Enter”鍵是不能強(qiáng)行換行的。HTML是一門(mén)發(fā)展很快的計(jì)算機(jī)語(yǔ)言,各種瀏覽器對(duì) HTML元素及其屬性的解釋也不完全一樣。需要注意的是,在標(biāo)簽和屬性之間必須加上一個(gè)空格。通常值的兩邊要加上雙引號(hào)(""),如果值是由英文字母、數(shù)字、減號(hào)或小數(shù)點(diǎn)所組成,雙引號(hào)可以省略。
HTML 文檔是標(biāo)準(zhǔn)的 ASCII 文件,它看起來(lái)像是加入了許多被稱(chēng)為標(biāo)簽(Tag)的特殊字符串的普通文本文件。從結(jié)構(gòu)上講,HTML 文件由元素(Element)組成。組成 HTML 文件的元素有許多種,主要用于組織文件的內(nèi)容和指導(dǎo)文件的輸出格式。絕大多數(shù)元素有起始標(biāo)記和結(jié)尾標(biāo)記。
元素的起始標(biāo)記叫做開(kāi)始標(biāo)簽(start tag),元素結(jié)束標(biāo)記叫做結(jié)束標(biāo)簽(end tag),在起始標(biāo)和結(jié)束標(biāo)簽中間的部分是元素體。每一個(gè)元素都有名稱(chēng)和可以選擇的屬性,元素的名稱(chēng)和屬性都在開(kāi)始和結(jié)束標(biāo)簽內(nèi)標(biāo)明。
分享文章:網(wǎng)站建設(shè)的HTML語(yǔ)法
文章源于:http://jinyejixie.com/news3/278203.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣、外貿(mào)建站、網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)