html圖像標(biāo)記、META標(biāo)簽、內(nèi)聯(lián)框架、超鏈接的示例分析

發(fā)布時(shí)間：2020-12-05 10:49:14 來源：億速云閱讀：177 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)html圖像標(biāo)記、META標(biāo)簽、內(nèi)聯(lián)框架、超鏈接的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

1.圖像標(biāo)記

<img>

width=” ”寬度 height=” ” 高度 src=“ ”路徑地址 alt=“ ” 描述

<img src="圖片路徑地址" width-"446" height="266" alt="圖片描述" title="鼠標(biāo)放入圖片上方可出現(xiàn)提示">

ps：為了圖片顯示不出問題，文件夾名稱為英文
2.相對(duì)路徑絕對(duì)路徑
絕對(duì)路徑：完整確切的位置地址
相對(duì)路徑：自己相對(duì)與目標(biāo)位置不論將這些文件放到哪里，只要相對(duì)關(guān)系沒有變，就不會(huì)出錯(cuò)

<img src="/img/tu.jpg">根目錄<img src="./img/tu.jpg">當(dāng)前同級(jí)目錄<img src="../img/tu.jpg">上一級(jí)目錄

3.圖片的格式
JPEG：有損圖片壓縮，對(duì)圖像影響不大
PNG：GIF優(yōu)越版本，專門為網(wǎng)頁設(shè)計(jì)
GIF：無損格式，保存沒有信息丟失，支持動(dòng)畫
SVG：數(shù)字矢量，用戶可以用代碼描述圖片

4.META標(biāo)簽
1）用于描述一個(gè)HTML網(wǎng)頁文檔屬性，例如作者、日期和時(shí)間、網(wǎng)頁描述、關(guān)鍵詞、頁面刷新
2) 在<head><title>之間使用

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">網(wǎng)頁編碼<meta name="viewpoint"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">移動(dòng)端<mate name="keywords"content="網(wǎng)頁關(guān)鍵字">網(wǎng)頁關(guān)鍵字<mate name="description"content="網(wǎng)頁描述">網(wǎng)頁描述

5.xhtml
xhtml是html的一個(gè)過渡版本語言
6.內(nèi)聯(lián)框架
可以在同一個(gè)瀏覽器顯示不止一個(gè)頁面
<iframe></iframe>

<iframe width=""height=""src=""frameborder=""></iframe>

width=”“框架的寬度
height=”“框架的高度
src=”“鏈接地址
frameborder=”“定義框架的邊框
7.超鏈接
可以試用超級(jí)鏈接使網(wǎng)頁中的內(nèi)容能夠被點(diǎn)擊，用戶點(diǎn)擊后可打開相應(yīng)的對(duì)象

<a></a><a href="鏈接地址">點(diǎn)擊打開</a>

鏈接地址可以為網(wǎng)頁地址或者下載地址

關(guān)于html圖像標(biāo)記、META標(biāo)簽、內(nèi)聯(lián)框架、超鏈接的示例分析就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

html圖像標(biāo)記、META標(biāo)簽、內(nèi)聯(lián)框架、超鏈接的示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

html圖像標(biāo)記、META標(biāo)簽、內(nèi)聯(lián)框架、超鏈接的示例分析