2017年3月11日 星期六

Html Content---Common Html Elements(二)

2. HTML CONTENT
Common HTML Elements之二

想要在HTML中插入圖片,可以用以下例子,
記得喔! <img>是self-closing tag
<img src="http://........jpg" />

img是屬性為src,就像href為link的屬性。

    對於視障的同胞,img有個屬性是alt。可以念出alt的那段文字內容。
<img src="#" alt="a field of sunflowers" />

    屬性alt有兩個目的:
1. 當圖片載入失敗時,使用者可以把滑鼠移到圖片上,
    即可看到圖片的文字敘述。
2. 視障人士在使使用電腦中,遇到這張圖片。
    閱讀軟體會念出來這張圖片的文字。

    若要在網頁中增加空位,在index.html中輸入
空白鍵是沒有用的。其結果,不影響網頁中的空位。

使用html的break element: </br>,可以讓文字跳到下一行開頭。

World Wide Web Consordium(W3C)建議段落縮排時,
要有兩個空白鍵。
切記,段落縮排,不可以使用Tab鍵取代空白鍵。

<!---    --> 可以在html中當作備註使用。
其目的有二,
1. 對於後續的處理,讓別人或自己更容易清楚了解。
    那段程式碼的意義。
2. 可以讓你實驗性的寫程式,而不用刪除舊有的程式。


沒有留言:

張貼留言