cq9电子竞技

書名： Dreamweaver CS6網頁設計與制作教程
作者名：孟帙穎王寶龍劉靜主編
本章字數： 1935字
更新時間： 2020-05-07 11:29:10

2.2　HTML語言基礎

2.2.1　HTML標記符基礎

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

1．雙標記

語法格式：<標記>內容</標記>

HTML中絕大多數的標記符都是成對出現的，包括開始標記符和結束標記符。成對標記符之間的內容就是該標記符作用的區域。結束標記符和開始標記符的區別就是多了一條斜線。例如：<p>和</p>，其中<p>為開始標記符，</p>為結束標記符。雙標記可能多層嵌套，如在<p></p>標記對中可以嵌套<div></div>標記對或其他標記對，在多個嵌套中，一個標記對的結束標記對最近一個標記對開始標記配對。應該注意的是，標記對不能交叉。

2．單標記

語法格式：<標記/>

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

提示

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

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

2.2.2　HTML標記符屬性

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

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

標記　屬性1=屬性值1　屬性2=屬性值2 …>受影響的內容<／標記>

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

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

如果一個標記符有多個屬性，那么不同屬性之間應該用空格隔開，例如：

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

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

HTML屬性通常也不區分大小寫。

提示

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

2.2.3　HTML的基本結構

HTML文件就是由各種HTML元素和標簽組成的。一個HTML文件的基本結構如下：

<html>　　　網頁文件開始標記
<head>　　　頭部開始標記
…　　　　　　　　頭部內容
</head>　　 頭部結束標記
<body>　　　主體開始標記
…　　　　　　　　主體內容
</body>　　 主體結束標記
</html>　　 網頁文件結束標記

不難發現，一個HTML文檔主要由兩個部分組成：標記符<head>和</head>之間的內容構成的頭部分，而標記符<body>和</body>之間的內容構成了文檔的主體部分，這兩部分內容都包含在<html> 和</html> 之間。

1．html

語法：

<html>　　</html>

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

2．head

語法：

head>　　</head>

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

3．title

語法：

<title>　　</title>

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

圖　2-2

<html>　
<head>
<title>這是網頁的標題
</title>
</head>
<body> 測試網頁標題標記title的示例。
</body>　　
</html>

4．body

語法：

<body>　　</body>

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

<BODY　BGCOLOR=#RRGGBB>：使用<BODY>標記中的BGCOLOR屬性，可以設置網頁的背景顏色。使用的格式有以下兩種：

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

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

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

<BODY BGCOLOR=blue>：用來設置網頁的背景顏色為藍色。

<BODY BGCOLOR=red>：用來設置網頁的背景顏色為紅色。

<BODY BGCOLOR=white>：用來設置網頁的背景顏色為白色。

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

Dreamweaver CS6網頁設計與制作教程

2.2 HTML語言基礎

2.2.1 HTML標記符基礎

2.2.2 HTML標記符屬性

2.2.3 HTML的基本結構

2.2　HTML語言基礎

2.2.1　HTML標記符基礎

2.2.2　HTML標記符屬性

2.2.3　HTML的基本結構