成為前端工程師-Day6之向其它網站學習HTML

前端工程師養成

Posted by     "Brady Yang" on Thursday, July 7, 2022

觀察你喜歡的網站風格,並學習如何達到這種效果。

學習人家的網頁如何建立

上一篇我們介紹了幾個在<head><body>常用的幾個標籤。但是有太多標籤可以使用了, 因此這邊要教大家如何透過自己喜歡的網頁來學習HTML標籤。

第一步:找到自己喜歡的網站

第二步:開啟開發者模式

點擊右鍵選擇「檢查」,右側會出現開發者模式

第三步:查看自己喜歡網站HTML設計

有兩個方式,可以觀察其他網站是如何設計HTML的。

  1. 透過右側開發者模式區塊有許多HTML的語法,可以將滑鼠直接移到上面,就可以從左側看到相對應的區塊效果。
  2. 點擊開發者模式區塊左上方的箭頭,並將滑鼠移到左側想要看的網頁,即可從開發者區塊中看到該畫面是如何設計HTML。

總結

透過瀏覽器去檢視自己喜歡的網站,讓自己可以更快速的學習HTML。