【蘋果網頁設計】最專業台南網頁設計&SEO優化-關鍵字廣告費用最便宜免操作費

蘋果網頁設計

更多消息

2017-05-18

網頁設計公司教學

常常在逛一些網站會看到 HTML 的檔案,到底 HTML 是什麼東西呢? HTML 的英文原文是 HyperText Markup Language ,中文譯

常常在逛一些網站會看到 HTML 的檔案,到底 HTML 是什麼東西呢?

HTML 的英文原文是 HyperText Markup Language ,中文譯為「超文字標示語言」。為什麼要說「超文字」呢?如果你曾經用過 Windows 上的「記事本」打過字,你應該知道一般的純文字輸入是無法顯示不同的字型大小、不同的文字顏色、甚至插入與文字說明相關的圖片的。而超文字則可包含這些不同的文字變化、加入圖片或影音多媒體、畫表格、甚至可做一些基本的排版功能。而「標記語言」指的是 HTML 透過一些定義好的結構化標籤 (Tag) 語法,讓你把超文字放到你所想要的位置、或去指定它的呈現方式。因此,再簡單的說, HTML 就是可以讓你將您所想要呈現給別人看的資料,儘可能以較豐富的方式去呈現。

網頁設計跟 HTML 有什麼關係呢?

當然有關係囉,關係可大了。我們一般在看的網頁,裡面的所有內容幾乎都是用 HTML 語言標示出許許多多的超文字所組成的,如果沒有 HTML ,那麼我們現在可看不到五彩繽紛、各式各樣豐富的 網頁設計 內容了呢。

HTML 是一種程式嗎?

不,許多人誤以為 HTML 語法是一種程式設計,那是錯誤的!請不要自己嚇自己,把 HTML 想得太過複雜。您可以把 HTML 當作是一種網頁排版的語法,或單純當作是一種資料內容的呈現方式,只要您依照後面所指示的內容一步步去練習,相信您一定可以學得會的。

我可以用什麼工具編寫 HTML 網頁?

很簡單,用 Windows 內建的「記事本」小軟體,就可以拿來練習編寫網頁了。但如果可以的話,真心推薦您使用以下其中一套「免費的進階版記事本」小軟體: Notepad++ 、 PSPad ,因為它們可以幫您將 HTML 語法和您的網頁文章內容用不同的顏色做一些區隔,讓您更方便閱讀 HTML 內容,並且也可以及早讓您發現可能的編寫錯誤,讓您的學習之路更為順暢。

我要如何瀏覽及測試我的 HTML 網頁呢?

當您使用前述的「記事本」工具編寫完內容後,可以將檔案儲存成 test.html 這樣的檔名, test 即是您網頁的主檔名,而 .html 則為網頁的副檔名。假設您的檔案是儲存在「桌面」,您可用檔案總管或是任何可能的方式到桌面去找到 .html 的檔案,例如前述的 test.html 檔,然後用滑鼠在 test.html 檔案上按左鍵快速點選兩下,則電腦即會自動以您系統預設的 網頁瀏覽器 開啟這個練習的網頁,您就可以看得到您所撰寫的內容實際在網頁瀏覽時是長怎樣了。

查看上一則 : 設計網頁程式價格