HTML文本標(biāo)簽、圖片、路徑、超鏈接與錨點怎么定義

今天小編給大家分享一下HTML文本標(biāo)簽、圖片、路徑、超鏈接與錨點怎么定義的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計制作、網(wǎng)站制作、廣靈網(wǎng)絡(luò)推廣、成都小程序開發(fā)、廣靈網(wǎng)絡(luò)營銷、廣靈企業(yè)策劃、廣靈品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供廣靈建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：muchs.cn

1 文本標(biāo)簽

文本標(biāo)簽常嵌套在格式排版標(biāo)簽中，其本身不再包裹別的標(biāo)簽，而是用于包裹某個詞，而非大段文字。

標(biāo)簽名	語義和功能	屬性	單標(biāo)簽or雙標(biāo)簽
em	強調(diào)，默認(rèn)體現(xiàn)為斜體		雙標(biāo)簽
strong	強調(diào)，默認(rèn)體現(xiàn)為粗體		雙標(biāo)簽
del	表示已刪除，默認(rèn)文字上有刪除線		雙標(biāo)簽
ins	表示已插入，默認(rèn)文字有下劃線		雙標(biāo)簽
sup	上標(biāo)字		雙標(biāo)簽
sub	下標(biāo)字		雙標(biāo)簽

注：

• 在HTML規(guī)范中<strong>的強調(diào)語氣比<em>更強，在實際開發(fā)中并未區(qū)分，兩個都可以用；強調(diào)是為了讓搜索引擎知道該關(guān)鍵詞。

• <del>和<ins>標(biāo)簽常用于表示原先和現(xiàn)價。

• <sup>和<sub>可用于表示少量公式的上下腳標(biāo)，如H₂O、100³

2 圖片

2.1  img 標(biāo)簽

標(biāo)簽名	語義和功能	屬性	單標(biāo)簽or雙標(biāo)簽
img	頁面中顯示圖片	src：指定圖片的路徑 alt：圖片的替代文字 width：設(shè)置圖片寬度 height：設(shè)置圖片高度	單標(biāo)簽

注：

• alt屬性的作用：1、搜索引擎可以通過alt屬性來判斷圖片中的內(nèi)容，便于瀏覽器搜索；2、圖片無法正常顯示時顯示替代文字，可以知道這是一張什么圖片，因而建議為<img>設(shè)置alt屬性。

• width和height假如只設(shè)置一個，另一個會根據(jù)原圖比例自動計算。因而通常只設(shè)置一個，假如兩個同時設(shè)置，需保證比例正確，否側(cè)圖片會變形。

2.2 常見的圖片格式

• jpg / jpeg  壓縮

• png  無損

• gif  動圖，損失程度最高

3 絕對路徑和相對路徑

假如目標(biāo)文件與當(dāng)前文件不在同一臺計算機中，必需使用絕對路徑訪問目標(biāo)文件；

假如目標(biāo)文件與當(dāng)前文件在同一臺計算機中，使用相對路徑會更加方便。

3.1 絕對路徑

前臺中，指一個文件在網(wǎng)絡(luò)中的絕對的地址。如：

https://upload.jianshu.io/users/upload_avatars/xxxxx.jpg

3.2 相對路徑

• ./ 表示當(dāng)前文件所在目錄。目標(biāo)文件在當(dāng)前文件的同級或者下級時，路徑以./開始。./可以省略。

• ../ 表示當(dāng)前文件的上一級目錄。目標(biāo)文件在當(dāng)前文件的上級或者更上級時，路徑以../開始。../不可以省略。../表示上一級，../../表示上兩級，../../../表示上三級，以此類推。

4 超鏈接和錨點

4.1  a 標(biāo)簽

標(biāo)簽名	語義和功能	屬性	單標(biāo)簽or雙標(biāo)簽
a	設(shè)置超鏈接	href：設(shè)置目標(biāo)文件地址 target：設(shè)置目標(biāo)文件在當(dāng)前窗口（值：_self）還是在新窗口（值：_blank）打開 name：設(shè)置錨點名	雙標(biāo)簽

注：

• 只有具有了href屬性的<a>標(biāo)簽才是超鏈接。

• 假如href的值為空，則目標(biāo)文件即為當(dāng)前文件自己，點擊超鏈接將跳轉(zhuǎn)至該網(wǎng)頁本身，因而可以達到刷新頁面的效果。

  <a href="">刷新當(dāng)前頁面</a>

• a 標(biāo)簽中除了包裹文本，也可以包裹圖片，即圖片也可以作為一個超鏈接。

4.2 超鏈接

① 跳轉(zhuǎn)到新的頁面

<!-- 地址為.com、.cn結(jié)尾的類型，通過該超鏈接訪問的是服務(wù)器，服務(wù)器會默認(rèn)返回其首頁 --><a href="https://www.jianshu.com/" target="_blank">簡書首頁</a><!-- 地址為.html結(jié)尾的類型，通過該超鏈接訪問的是某個具體的網(wǎng)頁，即一個html文件 --><a href="https://www.jianshu.com/xxxxx.html" >某個HTML文件</a>

② 跳轉(zhuǎn)到其余類型的文件

一般瀏覽器打開的都是html類型的文件。瀏覽器也可以打開其余類型的文件，基本上文本類型的文件都能打開，如：圖片、pdf、視頻；但少量不是文本類型的文件，如：.docx、.7z等壓縮文件，瀏覽器不能直接打開，只能下載。

<!-- 打開圖片文件 --><a href="images/dog.jpg">dog</a><!-- 打開PDF文件 --><a href="documents/dog.pdf">dog</a><!-- 打開視頻文件 --><a href="documents/dog.mp4">dog</a><!-- 下載Word文件 --><a href="documents/dog.docx">dog</a><!-- 下載壓縮文件 --><a href="documents/dog.7z">dog</a><!-- 打開markdown文件，但顯示為源代碼格式 --><a href="documents/dog.md">dog</a>

③ 超鏈接其余功能

不僅可以在網(wǎng)頁上使用，也可以在手機上使用超鏈接，如：撥打電話、發(fā)送短信。

超鏈接也可以用于打開APP，比方：點擊微信分享的淘寶鏈接，有的手機可以自動跳轉(zhuǎn)至淘寶應(yīng)用。

<a href="mailto:郵箱地址">發(fā)送電子郵件</a><a href="tel：電話號碼">撥打電話</a><a href="sms:電話號碼">發(fā)送短信</a>

4.3 錨點

作用：標(biāo)記本頁面或者其余頁面中的某一個位置，用超鏈接可以跳轉(zhuǎn)至該位置。

點擊能跳轉(zhuǎn)至錨點的超鏈接時，錨點名會顯示在網(wǎng)頁地址的末尾。

① 如何設(shè)置錨點

方法一：通過<a>標(biāo)簽的name屬性設(shè)置錨點

<a name="錨點名"></a>

方法二：通過給標(biāo)簽設(shè)置id屬性來設(shè)置錨點（任何一個標(biāo)簽都可以）

<div id="錨點名"></div><p id="錨點名"></p>

② 如何跳轉(zhuǎn)至錨點

使用超鏈接跳轉(zhuǎn)至指定的錨點

<!-- 跳轉(zhuǎn)至本頁面的錨點 --><a href="#錨點名"></a><!-- 跳轉(zhuǎn)至其余頁面的錨點 --><a href="其余頁面的地址#錨點名"></a><!-- 跳轉(zhuǎn)至頁面頂部 --><a href="#"></a>

以上就是“HTML文本標(biāo)簽、圖片、路徑、超鏈接與錨點怎么定義”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文標(biāo)題：HTML文本標(biāo)簽、圖片、路徑、超鏈接與錨點怎么定義
本文地址：http://muchs.cn/article4/jchiie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、小程序開發(fā)、企業(yè)網(wǎng)站制作、網(wǎng)站改版、Google、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)