觀察你喜歡的網站風格,並學習如何達到這種效果。
學習人家的網頁如何建立
上一篇我們介紹了幾個在<head>
及<body>
常用的幾個標籤。但是有太多標籤可以使用了,
因此這邊要教大家如何透過自己喜歡的網頁來學習HTML標籤。
第一步:找到自己喜歡的網站
第二步:開啟開發者模式
點擊右鍵選擇「檢查」,右側會出現開發者模式
第三步:查看自己喜歡網站HTML設計
有兩個方式,可以觀察其他網站是如何設計HTML的。
- 透過右側開發者模式區塊有許多HTML的語法,可以將滑鼠直接移到上面,就可以從左側看到相對應的區塊效果。
- 點擊開發者模式區塊左上方的箭頭,並將滑鼠移到左側想要看的網頁,即可從開發者區塊中看到該畫面是如何設計HTML。
總結
透過瀏覽器去檢視自己喜歡的網站,讓自己可以更快速的學習HTML。