?? 5-4-1.cfm.htm
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>創(chuàng)建基本的網(wǎng)頁</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體" SIZE="5"><b>
<p ALIGN="JUSTIFY">創(chuàng)建基本的網(wǎng)頁</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">學(xué)習(xí)怎樣用HTML創(chuàng)建網(wǎng)頁的最好方法就是從一個(gè)非常簡單的例子開始。下面所示的上一個(gè)最簡單的網(wǎng)頁所需的最少代碼：</p>
<p ALIGN="JUSTIFY"><TITLE> Minimal Web Page </TITLE></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY">要創(chuàng)建這個(gè)HTML文件，運(yùn)行Windows的Notepad程序，并輸入上述的兩行文本。輸入完畢后，以文件名Mypage.cfm將你輸入的內(nèi)容保存到硬盤上。下一步，運(yùn)行你喜愛的瀏覽器軟件（如Netscape
Navigator或Internet Explorer）并在地址輸入框中輸入此文件的全路徑。例如，如果你將上述HTML文件保存在c:\mypage.cfm，你應(yīng)該在地址輸入框中輸入c:\mypage.cfm來將你的網(wǎng)頁調(diào)入瀏覽器。你將在屏幕上看到如圖5.3那樣。</p>
<p ALIGN="JUSTIFY"><img SRC="Image12.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image12.gif" WIDTH="590" HEIGHT="403"></p>
<b>
<p ALIGN="CENTER">圖5.3 你的第一個(gè)HTML文件</p>
</b>
<p ALIGN="JUSTIFY">沒有人會懷疑這是一個(gè)枯燥乏味的網(wǎng)頁，它只顯示了一行文本：Hello
World! 然而，創(chuàng)建它的過程卻說明了一些重要的方面。</p>
<p ALIGN="JUSTIFY">首先，你應(yīng)該注意到創(chuàng)建這個(gè)網(wǎng)頁和使用瀏覽器瀏覽這一頁時(shí)，你并不需要將你的計(jì)算機(jī)與Internet相連。網(wǎng)絡(luò)瀏覽器從你本機(jī)的硬盤上讀取文件與從Internet上獲取文件是一樣的。瀏覽器對于你給它的任何文件都認(rèn)真地進(jìn)行解釋，而不管這些文件是從哪里來的。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">從技術(shù)上說，我們這個(gè)超小型的網(wǎng)頁還未完成，根據(jù)HTML規(guī)范參考，每個(gè)HTML文件都應(yīng)當(dāng)以<!DOCTYPE>申明標(biāo)識符開始，它表明了使用的HTML的版本。然而，這個(gè)HTML標(biāo)識符對網(wǎng)頁并不起任何作用，大部分網(wǎng)頁制作者都將它忽略了（因?yàn)閼卸瑁ｊP(guān)于使用這個(gè)標(biāo)識符的更進(jìn)一步的信息可參閱附錄D“快速HTML參考”。</p>
<p ALIGN="JUSTIFY">第二，注意你為文件起的文件名：mypage.cfm，所有的HTML文件都具有相同的擴(kuò)展名：.cfm或.cfml。本書對所有的HTML文件使用.cfm的擴(kuò)展名。你可以為你的HTML文件起任何你喜歡的名字。</p>
<p ALIGN="JUSTIFY">第三，注意在HTML文件第一行出現(xiàn)的<TITLE>及</TITLE>。現(xiàn)在，查看你的網(wǎng)絡(luò)瀏覽器的標(biāo)題欄，你應(yīng)當(dāng)看見這樣的文字：Minimal
Web Page。這就是你在標(biāo)識符<TITLE>及</TITLE>中輸入的文本。<TITLE>標(biāo)識符為你的網(wǎng)頁提供了一個(gè)標(biāo)題，當(dāng)人們?yōu)槟愕木W(wǎng)頁放置書簽或是搜索引擎檢索你的網(wǎng)點(diǎn)（這兩個(gè)情況是常常發(fā)生的）時(shí)，就會用到這個(gè)標(biāo)題。</p>
<p ALIGN="JUSTIFY">大部分HTML文件都比我們剛才討論的這個(gè)文件要復(fù)雜。請看下面這段語句：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Less Minimal </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">這個(gè)例子中有三個(gè)新的標(biāo)識符：<HTML>，<HEAD>及<BODY>。如果你在瀏覽器中顯示這個(gè)網(wǎng)頁，你將會觀察到和上例一樣的結(jié)果。那么這三個(gè)新的標(biāo)識符有什么用呢？這些標(biāo)識符的唯一用途就是對其他標(biāo)識符起一個(gè)容器的作用。</p>
<p ALIGN="JUSTIFY">〈HTML>標(biāo)識符說明了這個(gè)文件是一個(gè)HTML文件。這個(gè)標(biāo)識符并不是必須的，但對于舊版的瀏覽器，你應(yīng)當(dāng)在文件頭部包含<HTML>標(biāo)識符，并在文件尾包含〈/HTML〉標(biāo)識符來確保兼容性。</p>
<p ALIGN="JUSTIFY">〈HEAD〉標(biāo)識符包含了所有出現(xiàn)在你的HTML文件頭部的標(biāo)識符。這些由〈HEAD〉包含的標(biāo)識符并不由你的網(wǎng)絡(luò)瀏覽器顯示出來。例如，由<TITLE>及</TITLE>標(biāo)識符包含的文本只出現(xiàn)在網(wǎng)絡(luò)瀏覽器的標(biāo)題欄上，而不在網(wǎng)頁上出現(xiàn)。</p>
<p ALIGN="JUSTIFY">〈BODY〉標(biāo)識符表明了你的HTML文件的主體部分，所有需要在你的瀏覽器上顯示的文本及標(biāo)識符都應(yīng)該被放置在這里。例如，Hello
World!
被放置在此。因?yàn)槟阆胱屵@句話在網(wǎng)頁上顯示出來，你網(wǎng)頁的所有內(nèi)容幾乎都由〈BODY〉及〈/BODY〉標(biāo)識符包含。</p>
<p ALIGN="JUSTIFY">在結(jié)束這一節(jié)之前，我們再討論一個(gè)標(biāo)識符，它經(jīng)常被用來在你的文件中加入注釋，這些注釋并不在主頁上顯示出來。例如，你可能想在HTML文件的頭部加一行注釋來說明這個(gè)文件的作用，以便以后你能知道創(chuàng)建這個(gè)文件的理由。下面就是一個(gè)帶有注釋的文件的例子：</p>
<p ALIGN="JUSTIFY"><!-- I am ignored by everybody --></p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Commented </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><!-- I am a three line comment which</p>
<p ALIGN="JUSTIFY">explains that this document displays</p>
<p ALIGN="JUSTIFY">the text </font><font SIZE="3">‘</font><font FACE="宋體" SIZE="3">Hello
World!</font><font SIZE="3">’</font><font FACE="宋體" SIZE="3"> --></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">句子I am ignored by everybody.
并不會在游器上顯示出來，因?yàn)樗勺⑨寴?biāo)識符〈!--and--〉包含著。</p>
<b>
<p ALIGN="JUSTIFY">警告</p>
</b>
<p ALIGN="JUSTIFY">不要把你私人的信息明明白白地寫在注釋中，因?yàn)槿藗兛梢酝ㄟ^瀏覽器的View
Source命令看到它們。</p>
<p ALIGN="JUSTIFY">你可以在HTML文件的任何部位加入注釋，一個(gè)注釋也可以分成許多行。當(dāng)你的文件很大時(shí)，添加大量的注釋是一標(biāo)明文件各部分功能的好辦法，以便以后能記住你的文件究竟是干什么的。（通常過了一些天后你會忘記你的文件是干什么的了。）</p>
</font>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -