skip to main content

建造你第一個HTML網站

於2020年02月18日發佈


這個練習大概五分鐘,需要你先安裝好適合的文字編輯器軟件,還沒安裝的話請回上一節把你的text editor 安裝好再回來這節課。

這練習目的讓你在自己電腦上用文字編輯器建造你第一個最基本的HTML網站,最好你是在電腦面前,安靜的跟著做。

第一步先在你的電腦上建立你第一個HTML檔

  1. 打開我推薦的文字編輯器,我就用Sublime Text做 (影片中是用VSCode的)給你看(不建議用windows的記事本)
  2. 將以下HTML代碼Copy & Paste進去
    <!DOCTYPE html>
    <html>
    <body>
    <h1>第一個HTML 5網站</h1>
    <p>和浩賢學習建造第一個HTML 5網站。</p>
    </body>
    </html>

  3. 用滑鼠點File -> Save 或者 CTRL + S儲存檔案
  4. 改名字成 index.html
  5. 我就存到桌面上,你到你存的路徑去找回這個index.html。你就用網頁瀏覽器例如 Chrome, Firefox, Safari等等就能看見結果

恭喜你完成這個練習!

需要記得的

先再看下代碼
<!DOCTYPE html>
<html>
<body>
<h1>第一個HTML 5網站</h1>
<p>和浩賢學習建造第一個HTML 5網站。</p>
</body>
</html>

然後了解以下幾點

上完這課記得留住這個index.html

之後的課都會用到這個HTML檔案的!

下一節課

下一次我會先介紹一些常用的HTML Tag,也是放到用家看得見的地方,亦即用在<body></body>間,讓你的第一個HTML 5網站更加豐富。

→到下一節課 : 常用的tag,甚麼是Tag的Attribute(屬性)

本文作者

網站位置 : 建造你第一個HTML網站

←返回首頁   返回頁頂↑