week2.md - Yongsin0/wp109b GitHub Wiki

第二週筆記

HTML元素

HTML元素
HTML元素是從開始標記到結束標記的所有內容:

<標記名>內容在這裡... < /標記名>
一些HTML元素的示例:

< h1 >我的第一個標題< / h1 >

< p >我的第一段。< / p >

< br >意思是換行。< / br >

插入圖片

插入圖片:<img src="img_girl.jpg"(圖檔名) width="500"(寬) height="600"(高)>

HTML屬性

href屬性 該標籤定義的超鏈接。該 href屬性指定鏈接轉到的頁面的URL:

舉例:Visit W3Schools

src屬性 該標籤是用來嵌入圖像中的HTML頁面。該src屬性指定要顯示的圖像的路徑:

舉例:

alt屬性 如果由於某種原因而無法顯示圖像,則標記的requiredalt屬性指定圖像的備用文本。這可能是由於連接緩慢,src屬性錯誤或用戶使用屏幕閱讀器引起的。

圖片如果不存在,會顯示這一行字 Girl with a jacket

補充來源目的:html屬性內容 部分來自https://www.w3schools.com/ 教學

color

color: #ff(紅)00(綠)00(藍) 顏色是採用十六位進制ff

二進制碼是255為最亮,綠色跟藍散皆為00,所以顏色為以最亮為主

補充

1.水平線< hr >,最好加斜線< hr/ >

2.屬性最好加上雙引號或單引號“”,''

3.換行符< br >,最好加斜線< br/ >

4.< pre >以固定寬度的字體顯示,並且保留空格和換行符

5.mac和windows 兩者支援字體不同 ,如果需要指定字體需要留意

⚠️ **GitHub.com Fallback** ⚠️