HTML筆記


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可以用






你可能感興趣的文章

Angular 專案使用 Font Awesome Free Icon

Angular 專案使用 Font Awesome Free Icon

Vue.js 學習旅程Mile 11 – Computed 計算屬性篇

Vue.js 學習旅程Mile 11 – Computed 計算屬性篇

謂詞邏輯(Predicate Logic)

謂詞邏輯(Predicate Logic)






留言討論