為了方便區分,h1、p、img用CSS加了外框

看清楚上面html語法,與底下呈現的效果


標題,h1 ~ h6,自成段落,文字上下隔開,h1是第一層標題,字最大,

段落p,就是段落,文字上下隔開,預設會上下空出約一行,align屬性可以左、中、右對齊

這裡已經不是上面的段落了,這三行是用br強制換行的
HTML內文無視空格、換行…等,遇到如h1、p等類型的才會被隔開(換行),但是可以用br來強制換行,
注意br只是換行,不是段落,所以換行時沒有多出空行

用font來改變文字,屬性包括size、face、color
大小:size 1 ~ 7 字級越大字越大
字型:face 設字型,注意!和CSS裡的font-family不一樣的英文字
顏色,color 設顏色,用顏色名稱(如blue)或用RGB十六進位表示(如#0000FF)

圖檔要注意,自己的圖 src用路徑/檔名,外部的圖 src用網址URL,路徑檔名或網址不對,會出現破圖及alt文字我是圖的說明文字
以前統測考題:超連結 a 用 href 指定連結網址,而 img 用 src 指定圖檔來源,用法類似,要分清楚,通常img放裡面,外面再用A包起來,形成了滑鼠點圖會連到指定網址,或點小圖看大圖…

考題中閱讀html原始碼時,依順序先把標籤對應的開始、結束找出來(找左右括弧的意思),比較好判讀