| 第五講：HTML語(yǔ)言 |
前面說(shuō)過(guò)，HTML 語(yǔ)言是解釋執行語(yǔ)言，就是說(shuō)不需要編譯，直接由瀏覽器解釋執行。“網(wǎng)頁(yè)”就是由這些語(yǔ)言代碼組成的。下面我們看看瀏覽器怎樣執行代碼。
申請到空間，有人就急于先傳上個(gè)“index.htm”文件，現在先編寫(xiě)個(gè)最簡(jiǎn)單的“index.htm”文件，從中分析代碼的意義。
你的電腦顯示文件的擴展名嗎——就是小園點(diǎn)后面的三個(gè)字母，如果不顯示的話(huà)，選擇“開(kāi)始→設置→控制面板→文件夾選項”，選擇“查看”標簽，選中“顯示所有文件和文件夾”，把“隱藏已知文件類(lèi)型的擴展名”一項前面的“勾”去掉，點(diǎn)擊“確定”退出。這樣才能看到“index.htm”文件名字中的“.htm”，否則你只能看到文件名是“index”。但從這一點(diǎn)看，那比爾該死的就真夠缺德的了。
打開(kāi)“開(kāi)始→程序→附件→記事本”，寫(xiě)上“老小孩學(xué)網(wǎng)頁(yè)”(當然隨意啦)，選擇菜單“文件→另存為”，彈出對話(huà)框如下圖：
在最上行“保存在”右邊的框中選擇你的“學(xué)網(wǎng)頁(yè)”目錄，在最下行“保存類(lèi)型”右邊的框中選擇“所有文件(*.*)”，在“文件名”右邊的框中輸入“index.htm”，擊“保存”，好了，我有主頁(yè)了，不信你上傳到網(wǎng)站，他再不會(huì )說(shuō)找不到可瀏覽的文件了。不過(guò)可瀏覽的內容啊——除了他們的廣告外，也就“老小孩學(xué)網(wǎng)頁(yè)”這幾個(gè)字——但他畢竟是我自己的了。
這個(gè)頁(yè)面太簡(jiǎn)單了些??！你告訴觀(guān)眾，我是正在制作，這不是已經(jīng)搞好的成品?？茨闵暾埧臻g時(shí)，網(wǎng)站給你的這個(gè)圖片多好，
形象地表現了你的小家還正在建設中。那就把這個(gè)圖片放到“img”目錄里吧。然后再打開(kāi)“記事本”，選擇命令“文件→打開(kāi)”，在這個(gè)對話(huà)框上面選擇“學(xué)網(wǎng)頁(yè)”目錄，下面選擇“所在文件”，選中“index.htm”，點(diǎn)擊打開(kāi)，然后寫(xiě)上以下代碼：
<font color=ff0000 size=6>老小孩學(xué)網(wǎng)頁(yè)</font>
<br>
<center>
<img src="img/we.gif" width="329" height="211" ></center>
選擇命令“文件→保存”，再雙擊“index.htm”文件，看看是不是圖片出來(lái)了。
圖片不是在“img”目錄里嗎，怎么出現到頁(yè)面上了？這就是瀏覽器的解釋功能。瀏覽器把代碼解釋出來(lái)控制指令，“img”是插入圖片和指令，瀏覽器按照“src=”后面的地址找到圖片文件，就把它調出來(lái)，按照后面的定義width="329" height="211"以寬度329高度211像素顯示出來(lái)。
“老小孩學(xué)網(wǎng)頁(yè)”幾個(gè)字也變了，原來(lái)輸入的字是黑色的呀，現在變成紅色，那是<font color=ff0000 size=6>指令執行的結果。
這個(gè)文件你要上傳到網(wǎng)站，注意圖片文件“we.gif”也要上傳到網(wǎng)站上的“img”目錄里
聯(lián)系客服
