head
- 代表網頁的資訊
- meta 搜尋引擎
meta name = "description" content = " "/
meta name = "keywords" content = " "
meta name = "viewport" content = "width=device-width, initial+scale=1.0" - content: 搜尋看到的內容
基本功能
- title: 網頁名稱
- utf8: 可以識別中文
- 標籤: H1~H6 由大到小
- p: 一般的文字跟段落,在H下面
- br: 換行標籤,裡面不用加內容,
即可 - hr: 水平的直線,也可換行
- b: 可以做粗體字
- i: 斜體字,在b外面
連結、圖片
- a: 連結 a href="網址"google網站 /a
中間加網頁上的字
也可以 a href="檔案名稱" /a 連自己的網頁,在同一個資料夾底下 - a: 圖片 a href="檔案名稱" 圖片名稱 /a
- 外部網址,網路上的圖片: img src="圖片網址" /img
影片
- 影片:video src="網址" controls /video
列表、表格
- ul: 列表
- li: 標籤
ul
li /li
li /li
/ul - ol: 把列表改成1234順序
- table: 創立 表格
- tr:表示一行
- td:裡面內容
容器、標籤
可以用來存放一坨標籤
- div: 不管寬度多少,就占一整行,下一個直接換行
- span: 寬度多少就佔多少空間
輸入標籤
(輸入帳密)
- input type="text" placeholder="請輸入帳號"/
br/
input type="password" placeholder="請輸入密碼"/ (可加密)
還有date、range、file、checkbox、textarea可以用