1.圖像标記
width=” ”寬度 height=” ” 高度 src=“ ”路徑位址 alt=“ ” 描述
<img src="圖檔路徑位址" width-"446" height="266" alt="圖檔描述" title="滑鼠放入圖檔上方可出現提示">
ps:為了圖檔顯示不出問題,檔案夾名稱為英文
2.相對路徑 絕對路徑
絕對路徑:完整确切的位置位址
相對路徑:自己相對與目标位置 不論将這些檔案放到哪裡,隻要相對關系沒有變,就不會出錯
<img src="/img/tu.jpg">根目錄
<img src="./img/tu.jpg">目前同級目錄
<img src="../img/tu.jpg">上一級目錄
3.圖檔的格式
JPEG:有損圖檔壓縮,對圖像影響不大
PNG:GIF優越版本,專門為網頁設計
GIF:無損格式,儲存沒有資訊丢失,支援動畫
SVG:數字矢量,使用者可以用代碼描述圖檔
4.META标簽
1)用于描述一個HTML網頁文檔屬性,例如作者、日期和時間、網頁描述、關鍵詞、頁面重新整理
2) 在
<head><title>
之間使用
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">網頁編碼
<meta name="viewpoint"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">移動端
<mate name="keywords"content="網頁關鍵字">網頁關鍵字
<mate name="description"content="網頁描述">網頁描述
5.xhtml
xhtml是html的一個過渡版本語言
6.内聯架構
可以在同一個浏覽器顯示不止一個頁面
<iframe></iframe>
<iframe width=""height=""src=""framehljs-string">""></iframe>
width=”“架構的寬度
height=”“架構的高度
src=”“連結位址
frameborder=”“定義架構的邊框
7.超連結
可以試用超級連結使網頁中的内容能夠被點選,使用者點選後可打開相應的對象
<a></a>
<a href="連結位址">點選打開</a>
連結位址可以為網頁位址或者下載下傳位址