iT邦幫忙

2021 iThome 鐵人賽

DAY 1
0
自我挑戰組

html與css粗淺新手入門教學系列 第 1

html的開始、讓網頁出現文字

  • 分享至 

  • xImage
  •  

開啟visual studio code並且新增一個檔案,將檔案儲存為html檔,接下來在檔案內輸入!,再按下tab鍵,就會跑出一些預設的架構https://ithelp.ithome.com.tw/upload/images/20210901/20140086Ygl3SDehiH.jpg
對著html檔按下右鍵後,選擇open in default browser,即可在預設瀏覽器中開啟此網頁https://ithelp.ithome.com.tw/upload/images/20210901/20140086hbb4aqAP5C.jpg
html檔內兩個title包住的文字就是會出現在網頁分頁標題上的內容,我將預設的Document改為"鐵人賽Day1",存檔後將剛剛開啟的網頁重新整理,就可以看到他出現在分頁上
https://ithelp.ithome.com.tw/upload/images/20210901/20140086nEOS9iPHgY.jpg
接下來我們想要讓網頁上出現一些文字,就可以將文字輸入在body裡面,存檔並充新整理後,剛剛輸入的內容就會出現在網頁裡了
https://ithelp.ithome.com.tw/upload/images/20210901/20140086PoDbQKD5tN.jpg
明天再來說說如何改變這些文字的外型


下一篇
html字體的變化
系列文
html與css粗淺新手入門教學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言