<img>元素
<img src="images/look.gif" alt="look"> src屬性,要讀取的圖檔。
alt="look" alt屬性,如果無法顯示圖樣時,此時文字會出現在原本圖樣的位置。
width="48" height="100" width屬性,顯示寬度pixel。 height屬性,顯示高度pixel。
範例
<a href="example.html"> <img src="example.gif"> </a> 圖片加入連結
HTML文件類型定義
加在HTML檔最上面一行
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 過渡期HTML 4.01定義
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd"> 嚴格的HTML 4.01定義
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0定義
加上<meta>標籤來指定內容類型,加在<head>內。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 指定為UTF-8編碼。
字元編碼查詢 http://www.w3.org/International/O-charset.html
XHTML文件類型定義
加在HTML檔最上面一行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 過渡期XHTML 1.0定義
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 嚴格的XHTML 1.0定義
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html>標籤加入 xmlns、lang、xml:lang屬性(en/zh-tw)
加上<meta>標籤來指定內容類型,加在<head>內。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 指定為UTF-8編碼。
網頁驗證器 W3C驗證器
http://valisator.w3.org/ 驗證網頁是否符合標準