iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
自我挑戰組

從0開始成為網頁設計的旅程系列 第 3

【DAY03】如何在VSCODE上運行HTML

  • 分享至 

  • xImage
  •  

步驟

先去官網下載VSCODE(這邊就先只說明window版本)
網址:https://code.visualstudio.com/Download

https://ithelp.ithome.com.tw/upload/images/20210917/20137420EOYhPsABMh.png

這邊就不介紹安裝內容了,相信網路上有非常多文章可以做觀看

安裝完成後,點擊就可以執行拉
https://ithelp.ithome.com.tw/upload/images/20210917/20137420iCzmesWJ5e.png

打開之後左側有各種功能可以做切換
https://ithelp.ithome.com.tw/upload/images/20210917/20137420I0Mnbw0Zoa.png

要學習網頁前首先一定要先去安裝live sever(個人認為一定要裝)
https://ithelp.ithome.com.tw/upload/images/20210917/20137420A1QRt5ehZa.png

安裝過後點擊圖標就可以新增一個文件,在裡面輸入(你喜歡的檔名.html)
https://ithelp.ithome.com.tw/upload/images/20210917/20137420tdyZfwNOUp.png

在裡面輸入(驚嘆號+tab鍵),這樣最基本的框架就完成拉~
https://ithelp.ithome.com.tw/upload/images/20210917/20137420twRYFMhw3z.png

接著再 body 裡面輸入
<h1>Hello World</h1>

https://ithelp.ithome.com.tw/upload/images/20210917/20137420RZtqujUroM.png

接著點擊右下方Go live,就可以即時的看到你打的內容拉~
https://ithelp.ithome.com.tw/upload/images/20210917/20137420j9GtZL0pOX.png

https://ithelp.ithome.com.tw/upload/images/20210917/20137420KrgoPh1AwO.png

那今天就先這樣,明天我們來介紹html的基本語法吧~


上一篇
【DAY 02】如何選擇網頁開發的編輯器
下一篇
【DAY 04】HTML 標籤的基本元素
系列文
從0開始成為網頁設計的旅程5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0

我要留言

立即登入留言