天天看點

html 圖像标記 META标簽 内聯架構 超連結

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>
           

連結位址可以為網頁位址或者下載下傳位址