HTML簡介:

HTML是組成網頁最基本的標記式程式語言,當你瀏覽一個網站,背後的組成就是由HTML的語法所組成,我們可以這麼稱呼HTML:如果網頁是一棟房子的話,那HTML就是組成房子整個架構的水泥圍牆,有著屋頂,有著廚房,有著客廳,有不同的房間,甚至還有地下室等等。但是HTML身為房子的架構,只有架構的話還是不夠的,因為我們必須要適當的組裝與排序房子的架構,同時再給他加上一些裝潢與點綴,然後再告訴大家,屋頂的方向怎麼擺,客廳的門應該放在什麼方位,廚房要擺在哪裡…..等等,因此我們接下來還會用到與學習CSS3CSS3是讓房子(網頁)能夠變得好看,外觀良好的擺設而不會看起來很撩亂。另外HTML的基本結構中:html是最上層的,裡頭有head,head主要是放置meta與title相關的語法,這部分是與SEO的設定相關;link是與CSS網頁的樣式有關的語法;script則是與JavaScript有關的語法。再接下來是body,body當中可以有許多不同區塊的設定,像是header區塊、section區塊、footer區塊等等,然後裏頭再以階層式包覆著ul,li,a,p…… <br>等等文章選項、超連結、段落使用的標記,我們都會在這堂線上課程做依序的說明與介紹。

主要架構

  • 如何看懂網頁程式架構
  • 了解HTML是什麼與其歷史演進
  • 選擇適當的HTML語法或程式語法編輯器
  • 如何撰寫與使用文案相關的HTML標籤
  • 如何撰寫與使用超連結相關的設定
  • 如何撰寫與使用與項目清單相關的HTML語法
  • 了解metadata元數據應該放些什麼與其功能是什麼
  • 了解與使用和照片&影片及多媒體相關的HTML語法
  • 了解HTML與CSS的相關性
  • 了解HTML與JavaScript的相關性
完整HTML標籤參考
完整HTML的屬性索引表

參考閱讀書目:跨平台網頁設計-王者歸來 參考網站:W3school + MDN-Mozilla

最後修改日期: 2022 年 3 月 10 日

作者

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。