在開始寫響應式網頁時,必須要在 head 標籤內放入相關的語法。
<meta name=”viewport” content=”width=device-width, initial-scale=1.0">
以下會舉例一些圖片引用的方法,以及運用的技巧。
直接將要載入的圖片路徑放進img標籤裡面。
<img src=”http://lorempixel.com/200/200/food/" alt=””>
在撰寫網頁時,使用 VS Code 、 Bracket 、 CodePen ……等等的編輯器時,只要按出驚嘆號加上 tab 鍵,就會自動產生出基本的網頁語法架構。
! + tab
下面的語法是VS Code按出來的網頁基本語法。
<!DOCTYPE html>
<html lang=”en”>