音畫網頁制作教學之二：第一個html文件

AAA · 發表于 2007-12-22 02:26

第一個html文件

在這里，我們先來看一個簡單的html文件的范例，對其進行解釋，一是您對之有一個感性的認識，為以后的學習打下基??/p>

html文件是純文本文件，是用ascii碼寫成的原文件，可以用任何一個文本編輯器（如記事本notepad）打開和編輯。

html文件包括兩部分：

文件的內容部分；
html的標識部分；

大多數html表示的書寫格式如下：

<標識名>顯示內容</標識名>

瀏覽器的功能是解釋并顯示html文件。需要注意的是對同一個html文件，不同的瀏覽器顯示的效果可能不一樣。下面就給出一個html文件的例子，以便讀者對照其在瀏覽器中的顯示情況，來了解html文件的基本格式、概念和標記。在編輯的文本文件里寫出如下內容（你可以使用windows子代的記事本來編寫）：

<html>
<head>
<title>這是我的第一個html文件</title>
</head>
<body>
我今天下定決心開始學習html，學不成功誓不罷休。
現在我用html標識來顯示具體內容。
網頁的具體內容放置于該處。
</body>
</html>

然后將文件保存為后綴為.htm或者.html的文件（用"文件"菜單中的"另存為"命令，在文件名中輸入完整的文件名，如：example.htm，文件類型中選擇"所有類型"），用瀏覽器打開該文件即可看到顯示效果。

這就是一個簡單的html文件。

下面介紹所用的標識：

<html></html>標識：任何一個html文件都應該以該標識開頭和結尾，該標識告訴瀏覽器適用html語言來解釋和顯示該文件。其它內容都應寫在該標識之間。（注意，今后可能會經常用到之間和內部，之間是指開是標示和結尾標識中間，如<html>本里寫在該標識之間</html>，內部是開識標識以內書寫特定的內容，如<html title="超文本標識語言"></html>。另外，此處的title=""是<html></html>標是的一個屬性，而不是下面講的<title></title>標識，標識和屬性識兩個不同的概念，在html文件中，標識都是以尖括號括起來的，而屬性識標是的一部分，對標是主體其輔助修飾作用。關于屬性，以后用到時在解釋。），請注意區分。
<head></head>標識：該標識是網頁頭部標識。寫在該標是之間的內容一般不顯示出來，只有后面講到的<title></title>標識會顯示在瀏覽器頂部的藍色標題欄中。
<title></title>標識：該標是放置于<head></head>標識之間，其中間書寫的內容將顯示在瀏覽器的頂部標題欄中。是一個html文件的標題，如上例所示，標題的內容你可以任意制定，也可以不寫。
<body></body>標識：網頁的主題內容應該放置在該標識之間，而該標識應該放置在<html></html>標識之內。

在此已經講了四個標識，這四個標識的用法都很簡單，就如同所舉的例子一樣即可，至于你想加入更多的內容則只需要在<body></body>標是之間加入相應的內容即可。另外標識與標是之間可以不換行，換行的目的是為了便于閱讀，標識也無須區分字母的大小寫，如寫成<Html><hEad><TITLE>標題</title></HEAD><body>內容</body></html>將得到同上面相同的顯示效果，但為了便于閱讀和修改，最好統一用大寫或者小寫字母書寫。