香港财神网站3374

書名： Dreamweaver CS6網(wǎng)頁設(shè)計與制作教程
作者名：孟帙穎王寶龍劉靜主編
本章字?jǐn)?shù)： 1935字
更新時間： 2020-05-07 11:29:10

2.2　HTML語言基礎(chǔ)

2.2.1　HTML標(biāo)記符基礎(chǔ)

標(biāo)記符是HTML語言中一些定義網(wǎng)頁內(nèi)容格式和顯示的指令，而標(biāo)記符的屬性用于進一步控制網(wǎng)頁內(nèi)容的顯示效果。HTML基本的語法比較簡單，所有的標(biāo)記行都是用尖括號<>括起來的，例如：<font>標(biāo)記符。

1．雙標(biāo)記

語法格式：<標(biāo)記>內(nèi)容</標(biāo)記>

HTML中絕大多數(shù)的標(biāo)記符都是成對出現(xiàn)的，包括開始標(biāo)記符和結(jié)束標(biāo)記符。成對標(biāo)記符之間的內(nèi)容就是該標(biāo)記符作用的區(qū)域。結(jié)束標(biāo)記符和開始標(biāo)記符的區(qū)別就是多了一條斜線。例如：<p>和</p>，其中<p>為開始標(biāo)記符，</p>為結(jié)束標(biāo)記符。雙標(biāo)記可能多層嵌套，如在<p></p>標(biāo)記對中可以嵌套<div></div>標(biāo)記對或其他標(biāo)記對，在多個嵌套中，一個標(biāo)記對的結(jié)束標(biāo)記對最近一個標(biāo)記對開始標(biāo)記配對。應(yīng)該注意的是，標(biāo)記對不能交叉。

2．單標(biāo)記

語法格式：<標(biāo)記/>

但是也有一些標(biāo)記符是單獨的標(biāo)記符，它們沒有結(jié)束標(biāo)記符。例如水平線標(biāo)記符<hr>、斷行標(biāo)記符<br>等。

提示

在Dreamweaver CS6中輸入后半個尖括號時會自動彈出/。

HTML標(biāo)記符是不區(qū)分大小寫的，但為了便于閱讀，通常采用一致的大小寫（本書中所有的標(biāo)記符都用小寫）。另外，在HTML中沒有語句行的概念，也就是說，所有的標(biāo)記符和內(nèi)容都可以位于一行中。瀏覽器會根據(jù)不同的標(biāo)記符進行解釋顯示。當(dāng)然，通常情況下為了使HTML文檔更容易閱讀，建議采用合理的分段和縮進等格式（這些格式不影響網(wǎng)頁的顯示效果）。

2.2.2　HTML標(biāo)記符屬性

所謂屬性就是指用來描述對象特征的特性。例如，內(nèi)存的大小、CPU的速度、硬盤的大小，這些特性就是描述計算機對象的屬性。HTML對頁面內(nèi)容的詳細(xì)控制，實際上是通過設(shè)置標(biāo)記符的屬性來完成的。所以說，學(xué)習(xí)HTML語法，一方面是學(xué)習(xí)各種標(biāo)記符；另一方面就是學(xué)習(xí)針對各種標(biāo)記符的具體屬性。

在HTML中，標(biāo)記符的所有屬性都放置在開始標(biāo)記的尖括號里，屬性與標(biāo)記之間用空格分隔，屬性的值放在相應(yīng)屬性之后，用等號分隔，而不同的屬性之間用空格分隔。格式為：

標(biāo)記　屬性1=屬性值1　屬性2=屬性值2 …>受影響的內(nèi)容<／標(biāo)記>

例如：可以用段落標(biāo)記符P的對齊屬性來指定文字的對齊方式，源代碼如下：

<p align="center">本段方字顯示為水平居中</p>

如果一個標(biāo)記符有多個屬性，那么不同屬性之間應(yīng)該用空格隔開，例如：

<font size="1" color="red">本段文字將顯示為紅色小字體。

(這里的屬性值引號可省略)

HTML屬性通常也不區(qū)分大小寫。

提示

在書寫HTML代碼時，有些內(nèi)容可省略，但千萬別隨便省略，否則有可能會產(chǎn)生意想不到的錯誤。

2.2.3　HTML的基本結(jié)構(gòu)

HTML文件就是由各種HTML元素和標(biāo)簽組成的。一個HTML文件的基本結(jié)構(gòu)如下：

<html>　　　網(wǎng)頁文件開始標(biāo)記
<head>　　　頭部開始標(biāo)記
…　　　　　　　　頭部內(nèi)容
</head>　　 頭部結(jié)束標(biāo)記
<body>　　　主體開始標(biāo)記
…　　　　　　　　主體內(nèi)容
</body>　　 主體結(jié)束標(biāo)記
</html>　　 網(wǎng)頁文件結(jié)束標(biāo)記

不難發(fā)現(xiàn)，一個HTML文檔主要由兩個部分組成：標(biāo)記符<head>和</head>之間的內(nèi)容構(gòu)成的頭部分，而標(biāo)記符<body>和</body>之間的內(nèi)容構(gòu)成了文檔的主體部分，這兩部分內(nèi)容都包含在<html> 和</html> 之間。

1．html

語法：

<html>　　</html>

說明：<html>標(biāo)記符標(biāo)志著HTML文件的開始，而</html>標(biāo)記符則標(biāo)志著HTML文件的結(jié)束。Web頁面中其他所有的頁面內(nèi)容都放在這兩上標(biāo)記符之間。HTML標(biāo)記符沒有任何屬性。雖然標(biāo)記符可以省略（因為文件的后綴已經(jīng)表明該文件是一個HTML文件），但為了使網(wǎng)頁結(jié)構(gòu)完整，建議包含該標(biāo)記符。

2．head

語法：

head>　　</head>

說明：一般將head稱為頭部標(biāo)記符，或者首部標(biāo)記符。該標(biāo)記符中不包含Web的任何內(nèi)容，只提供一些與Web頁面有關(guān)的特定信息。例如，可以在頭部標(biāo)記符中定義樣式表或插入腳本語言等。Head標(biāo)記符中也可以包含其他標(biāo)記符，例如標(biāo)題標(biāo)記符title、樣式表標(biāo)記符style和腳本標(biāo)記語言script等。

3．title

語法：

<title>　　</title>

說明：title標(biāo)記符是頭部標(biāo)記符中最常用、最基本的標(biāo)記符之一，它用于設(shè)置網(wǎng)頁的標(biāo)題。標(biāo)記符<title>和</title>之間的內(nèi)容就是網(wǎng)頁的標(biāo)題。網(wǎng)頁的標(biāo)題一般顯示在瀏覽器頂部的標(biāo)題欄中，也可以被瀏覽器作為書簽和收藏清單。例如，圖2-2顯示了標(biāo)記符的作用，代碼如下：

圖　2-2

<html>　
<head>
<title>這是網(wǎng)頁的標(biāo)題
</title>
</head>
<body> 測試網(wǎng)頁標(biāo)題標(biāo)記title的示例。
</body>　　
</html>

4．body

語法：

<body>　　</body>

說明：標(biāo)記符<body>和</body>構(gòu)成了網(wǎng)頁的主體，網(wǎng)頁的所有內(nèi)容、文字、圖形、鏈接，以及其他頁面元素都包含在該標(biāo)記符內(nèi)。body標(biāo)記符中主要包含與頁面整體效果有關(guān)的一些屬性。如：background:定義網(wǎng)頁的背景圖案。bgcolor:定義網(wǎng)頁的背景顏色，默認(rèn)值是白色。Text：定義網(wǎng)頁中文字的顏色，默認(rèn)值是黑色。Link：定義網(wǎng)頁中超鏈接的顏色，默認(rèn)值是藍色。Alink：定義網(wǎng)頁中前被選中的超鏈接的顏色，默認(rèn)值是紅色。Vlink：定義網(wǎng)頁中已經(jīng)被訪問的超鏈接的顏色，默認(rèn)值是紫色。例如：

<BODY　BGCOLOR=#RRGGBB>：使用<BODY>標(biāo)記中的BGCOLOR屬性，可以設(shè)置網(wǎng)頁的背景顏色。使用的格式有以下兩種：

在第一種格式中，RR、GG、BB可以分別取值為00～FF的十六進制數(shù)。RR、GG、BB分別用來表示顏色中的紅色、綠色和藍色成分的多少，數(shù)值越大，顏色越深。紅、綠、藍三色按一定比例混合，可以得到各種顏色。

例如，RR =FF，GG=FF，BB=00，表示為黃色。如果RRGGBB取值為000000，則為黑色；RRGGBB取值為FFFFFF，則為白色；RRGGBB取值為FF8888，則為淺紅色。

第二種格式是直接使用顏色的英文名稱來設(shè)定網(wǎng)頁的背景顏色。例如：

<BODY BGCOLOR=blue>：用來設(shè)置網(wǎng)頁的背景顏色為藍色。

<BODY BGCOLOR=red>：用來設(shè)置網(wǎng)頁的背景顏色為紅色。

<BODY BGCOLOR=white>：用來設(shè)置網(wǎng)頁的背景顏色為白色。

官术网_书友最值得收藏!

Dreamweaver CS6網(wǎng)頁設(shè)計與制作教程

2.2 HTML語言基礎(chǔ)

2.2.1 HTML標(biāo)記符基礎(chǔ)

2.2.2 HTML標(biāo)記符屬性

2.2.3 HTML的基本結(jié)構(gòu)

2.2　HTML語言基礎(chǔ)

2.2.1　HTML標(biāo)記符基礎(chǔ)

2.2.2　HTML標(biāo)記符屬性

2.2.3　HTML的基本結(jié)構(gòu)