iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 3
0
自我挑戰組

從0開始的菜鳥工程師挑戰賽系列 第 3

第三天-介紹html基本架構((感覺有點亂七八糟))

  • 分享至 

  • xImage
  •  

今天終於進入到主菜啦!!
首先,先介紹一個最基本的網頁架構需要這些東西,請看下圖。
https://ithelp.ithome.com.tw/upload/images/20171215/20107727RqJoOQnAn6.jpg
開頭要用< html >跟結尾用< /html >給包起來,"/"這個倒斜線就是結束的意思。
用人來比喻,html包起來的部分就像人的皮膚一樣,要整個包起來才是人類。
head就像大腦,可以引入其他人寫好的套件,然後使用他們寫好成套的指令做出其他動作,就像我們學日語美語一樣,你要先能聽懂它們說甚麼,才能做出動作一樣。
title標題,目前還沒發現特殊用途。
body就是我們的身體,一個人所有的行為舉止都會在這邊做動。

如果你覺得一個一個打太麻煩的話,就可以使用懶人寫法,如下圖。
先打一個驚嘆號,然後按下TAB!!((據說這是要有裝emmet插件才能使用))

https://ithelp.ithome.com.tw/upload/images/20171215/20107727O0HwcRLrkM.jpg
至於你問我說,上圖head裡面包的是甚麼,我也不知道!!
反正好像不會影響的樣子,我們就先跳過吧~

對了,很多工程師說的渲染渲染,其實用我們白話說法就是展現出來,例如:用這個程式碼可以渲染出動態直線((這是甚麼我也不知道,隨便掰一個名詞)),用白話說法→用這個程式碼可以直接在網頁上展現出動態直線。
至於為什麼叫渲染,根據友人回答,因為這樣聽起來很專業!!哥,你沒聽過裝逼會遭雷劈嗎((笑))

結尾:
小弟以一個完全外行人來寫介紹文,寫的應該很不專業,請大家多多包涵,如果有錯誤望請指正!!!
希望能分享給其他跟我一樣,完全0基礎的人也能看得懂((應該看得懂吧)),因為平時聽我大喬同學教學的時候,有時候會跟不上他們節奏((專有名詞一次太多)),所以這邊都是我自己用奇怪方式消化完才寫出來的,可能有點畸形XDDD


上一篇
第二天-Atom初體驗(新手向package)
下一篇
第四天-好用的div
系列文
從0開始的菜鳥工程師挑戰賽18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言