牛牛里面的五小牛都有什么牌

用Dreamweaver新建一個HTML文件，我們可以看到窗口中有幾個選擇框。選擇“設計”，基本上可以像Word那樣交互的方式來制作網頁，如圖2-1所示。

圖2-1 Dreamweaver交互制作網頁界面

如果選擇“代碼”，則顯示出的是HTML代碼，如圖2-2所示。

<! doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第一個網頁</title>
</head>
<body>
<p>第一個網頁</p>
</body>
</html>

圖2-2 通過代碼HTML顯示的網頁結構

下面我們來一一講解這些代碼的含義。

（1）版本聲明

<! doctype html> 是HTML文件的版本聲明，<! doctype html>聲明的是HTML5版本的網頁。我們還有可能見到這樣的聲明：

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

（2）HTML開始結束標志

<html>是網頁的開始標志，</html>是網頁的結束標志，所有的網頁內容都將括在這兩個標簽之間。

（3）網頁的頭部

所有完整的網頁都應該是包含文件頭和文件體兩部分。文件頭括在<head>、</head>之間。

<html>
    <head></head>
    <body></body>
</html>

網頁文件的頭部經常出現的有兩句話。

網頁文件的頭部另一個經常出現的是<title>×××</title>，這其中的×××是左上方的標題。如圖2-3所示。

圖2-3 網頁的title

（4）網頁體<body>

網頁體括在<body>、</body>之間。網頁的正文部分都排在網頁體中。

例如：第一個網頁

在網頁上顯示出來就是“第一個網頁”幾個字。是段落的開始和結束標志。

第一行

第二行

顯示出來就是兩行文字。

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