Board logo

標題: 〔原創〕HTML 簡介 [打印本頁]

作者: jianyilee     時間: 2006-12-30 11:03 AM    標題: 〔原創〕HTML 簡介

什麼是HTML檔案?

    * HTML是超文字標記語言(Hyper Text Markup Language) 的縮寫
    * HTML檔案是由一些標記標籤(Markup tags)所組成
    * 標記標籤(Markup tags)是用來告訴瀏覽器要如何顯示網頁的
    * 一個HTML檔案的副檔名一定是 .htm 或是 .html
    * 用簡單的文字編輯器就可以撰寫HTML檔案

試寫一個HTML檔吧!

    * 如果您是 Windows 系統: 請開啟記事本或其它文字編輯器
    * 如果您是 MAC 系統: 請開啟 SimpleText 或其它文字編輯器
    * 如果您是 OSX 系統請更改以下偏好(preference)設定: 在偏好設定視窗(preference window)選擇以 "Plain text" 取代 "Rich text ", 並選擇"Ignore rich text commands in HTML files"選項, 以上的設定非常重要, 因為您如果不作這些設定, 您所編寫的HTML檔案可能無法正確執行

輸入以下程式碼至您的文字編輯器裡:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b>
</body>
</html>

編輯完成之後,請存檔為 "mypage.htm".

開啟您的瀏覽器, 選擇功能表的"檔案", 並選擇開啟(或開啟網頁), 之後會跳出一個對話方塊, 選擇瀏覽(或選擇檔案), 將目錄切換至您剛剛儲存 "mypage.htm" 檔案的目錄,選擇 "mypage.htm" 檔案, 並選擇開啟. 之後您應該會看到一個網址在您的對話方塊裡, 例如:"C:\MyDocuments\mypage.htm", 點選確定, 之後瀏覽器就會顯示這個網頁了
mypage.htm 範例說明

在您HTML程式碼裡的第一個標籤是<html>,這裡標籤是功能是在告訴你的瀏覽器:HTML檔案是從這裡開始的, 而在您HTML程式碼裡的最後一個標籤是</html>,這裡標籤是功能是在告訴你的瀏覽器:HTML檔案在這裡結束

在<head>和</head>標籤之間的內容是檔頭資訊, 而這些檔頭資訊將不會顯示在瀏覽器裡

在<title>和</title>標籤之間是你這份HTML檔案的標題, 這個標題將會顯示在瀏覽器的標題列

在<body>和</body>標籤之的內容將會顯示在瀏覽器內

在<b>和</b>標籤之的內容將會在瀏覽器內以粗體字顯示
副檔名為 HTM 或是 HTML ?

當你在儲存一個HTML檔案時, 你可以使用 .htm 或是 .html 為檔案的副檔名. 在我們的範例裡將會以 .htm 為副檔名, 這可能是一個壞習慣, 因為過去使用的軟體只允許用三個字母來當副檔名

但是一些新版的軟體對於使用 .html 為副檔名的檔案是可以很順利執行的
編輯時所使用的份HTML編輯器

你可以使用一些所見即所得(WYSIWYG)的編輯器, 像是 FrontPage, Claris Home Page 或者Adobe PageMill來編輯你的HTML檔案, 而不是使用純文字編輯器來編輯, 但是如果你想要成為一個編輯網頁的高手, 我們強烈建議你在剛開始學習HTML時, 使用一個純文字編輯器來編輯你的HTML檔案
問答集

Q: 在我編輯好我的HTML檔案時, 為什麼無法在我的瀏覽器看到結果?
A: 請確定在存檔時使用了正確的檔名和副檔名, 例如:"c:\mypage.htm", 並請確定在瀏覽器開啟檔案時使用了相同的檔名

Q: 我試著去更改一個HTML檔案, 但是我確無法在瀏覽器看到, 為什麼?
A: 因為瀏覽器儲存了你的網頁, 所以不會對同一個網頁讀取兩次, 當你修改了網頁時, 瀏覽器並不知道你對網頁做了修改, 可以使用瀏覽器的"重新整理"去強迫瀏覽器再讀取一次你修改過後的網頁

Q: 我該使用什麼瀏覽器呢?
A: 你可以使用一般常見的瀏覽器, 像是 Internet Explorer, Mozilla, Netscape, 或者 Opera, 但是在一些進階的HTML教學範例裡,可能會要求你使用最新版的瀏覽器

Q: 我的電腦一定要是 Windows 系統嗎? 如果是 MAC 的系統呢?
A: 你可以在非 Windows 系統下(例如 MAC)練習所有的範例, 但是在一些進階的HTML教學範例裡會要求使用較新版的 Windows, 像是 Windows 98 或是 Windows 2000




歡迎光臨 網際論壇 (http://centurys.net/) Powered by Discuz! 2.5