iT邦幫忙

2024 iThome 鐵人賽

DAY 2
1
JavaScript

從零開始學習JavaScript 30天系列 第 2

[Day 2] JavaScript之前,開發工具&HTML基礎

  • 分享至 

  • xImage
  •  

Hi,大家好,我叫Tony,是一個對於程式設計零概念的超級新手。

邁入學習JavaScript的第二天,昨天開始查找JavaScript的資料後,
發現開始之前,我還需要先準備好開發工具&環境HTML基礎等等。
網路上找到的YT頻道彭彭的課程,有一步一步教學,
所以在此感謝彭彭老師以及附上他的教學影片網址,謝謝。

彭彭的課程Visual Studio Code安裝教學:
https://www.youtube.com/watch?v=yGbNtuawDJY&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI

開發工具&環境

  • Visual Studio Code

簡稱VS Code是微軟開發的開源編輯器環境,彭彭老師影片中有詳細安裝說明,在此不多贅述。

Visual Studio Code: https://code.visualstudio.com/ (也可以直接搜尋就能找到)

  • 建立專案資料夾

在自己的電腦中建立一個新的資料夾,作為本次計畫的專案資料夾,未來在這一個網站中需要用到的文字、音樂圖片都可以放到這裡來,比較方便。


我的第一個網頁-HTML基礎

https://ithelp.ithome.com.tw/upload/images/20240808/20168410eYtuMZgQUB.jpg
環境設定好後,先照著彭彭老師的HTML基礎,先寫了我的第一個網頁(拍手拍手)
下方說明使用()是因為用<>會被網頁認為是程式語言被吃掉QQ

  • (!DOCTYPE html) 文件型態宣告
    放在網頁最前,告訴瀏覽器你用的是哪一種架構
  • (html)(/html) 網頁標籤
    做網頁一定要打html標籤,表示我們寫的是html
  • (head)(/head) 網頁標頭(附加資訊)
    寫附加資訊跟萬國編碼
  • (meta charset="utf-8" /) 萬國編碼
    萬國編碼使用UTF-8
  • (title)My Frist Page(/title) 標題
    瀏覽器分頁標籤顯示標題 My Frist Page
  • (body)(/body) 網頁內容
    顯示所有在網頁內的內容
  • (h3)Hello HTML(/h3) 3號標題
    使用3號標題 寫出Hell HTNL
  • (hr/) 分隔線
    表示分隔線

彭彭的課程HTML 簡介、語法基礎教學:
https://www.youtube.com/watch?v=uSFt006eEUQ&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=2

以上是今天學習的內容,雖然還不算JavaScript的內容,但也算是進入之前必備知識之一。
明天再繼續努力,也請大家多多指教謝謝。


上一篇
[Day 1] 進入JavaScript的世界
下一篇
[Day 3] JavaScript基礎認識、資料、資料型態
系列文
從零開始學習JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言