HTML自學網頁

HTML編輯

HTML的程式碼是由前後各一組的<>所組成

兩組的程式碼相同 後面那組必須在最前方放上"/"

然後將內為放在兩個<>之中

如果沒有(或不需要)內為 則可以直接在第一個<>的程式碼後加上"/"(省略寫法 完整編寫不算錯)


基本文字輸入

當然也可以疊加

超連結

導向google 導向Bing CSS自學

超連結 a

連結放在後面修飾詞 href後(字串形式)


特殊

hr 為橫線

br 為換行


圖片 & 影片

圖片為 img 連結需在後面修飾詞 src後(字串形式)

當然也可以用本機檔案

影片則可以直接到Youtube複製"嵌入式程式碼"


輸入文字


使用 input 修飾詞type可以調整類型(密碼等) 修飾詞placeholder可以在未輸入時描述


列表 & 表格

列表可以用 ulol

  1. 第一條
  2. 第二條

兩者差別是ul為無序排列(沒有編號) ol為有序排列 有編號

其中內文每條都要用li來分隔

有序排列也可以有不同的記數風格 用修飾詞type來修改

  1. 第一條
  2. 第二條


表格用table來表示

日期 天氣
5/16
5/17 大晴

其內文每一橫列用tr來組合 tr內有td來放置元素

也點像是二為陣列[tr][td]的感覺


其他修飾詞

可以用width來限制寬度 height來限制高度