溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》
您好，登錄后才能下訂單哦！
HTML常用文本標(biāo)記
在body標(biāo)記里寫(xiě)的文本內(nèi)容會(huì)直接顯示在頁(yè)面上，但是這樣直接寫(xiě)文本內(nèi)容的方式不太好。我們?cè)趆tml里寫(xiě)文本內(nèi)容的時(shí)候盡量使用標(biāo)記套住內(nèi)容，類(lèi)似于聲明這是一個(gè)文本、體現(xiàn)特征，在爬取數(shù)據(jù)的時(shí)候也就可以方便的通過(guò)標(biāo)記來(lái)抓取或過(guò)濾指定的數(shù)據(jù)，所以需要我們學(xué)習(xí)一些常用的文本標(biāo)記。
<h2~h7> 這是一個(gè)標(biāo)題標(biāo)記，用來(lái)表示包住的內(nèi)容是一個(gè)標(biāo)題，<h2~h7> 表示的字體大小不同，h2最大h7最小，示例：
運(yùn)行結(jié)果：
<p> < /p>用于表示一個(gè)文本段落，示例：
運(yùn)行結(jié)果：
在<p> < /p>標(biāo)記里可以使用<strong>標(biāo)記來(lái)表示需要強(qiáng)調(diào)的內(nèi)容，其實(shí)就是把字體加粗了，示例：
運(yùn)行結(jié)果：
文字效果相關(guān)標(biāo)記：
在<p> < /p>標(biāo)記里可以使用很多文字效果相關(guān)的標(biāo)記，例如常用的斜體、下劃線(xiàn)、調(diào)整字體大小或者顏色等等。下面介紹一些常用的文字效果標(biāo)記。
<s> 刪除線(xiàn)，給文字畫(huà)上一條橫線(xiàn)
<b> 粗體
<u> 下劃線(xiàn)
<sup> 讓字體上浮
<sub> 讓字體下沉
<i>和<var> 都可以表示斜體
<big> 加大字體
<small> 縮小字體
示例：
運(yùn)行結(jié)果：
<pre> 預(yù)格式化文本，按照編輯器里的文本樣式、字體大小、字體顏色，直接在網(wǎng)頁(yè)上顯示，示例：
運(yùn)行結(jié)果：
<font> 標(biāo)記可以調(diào)整文字的顏色、字體、大小，color屬性設(shè)置顏色，face屬性設(shè)置字體，size設(shè)置屬性大小，示例：
運(yùn)行結(jié)果：
<code> 標(biāo)記可以用來(lái)放一些代碼，示例：
運(yùn)行結(jié)果：
<q>加上引號(hào)，示例：
運(yùn)行結(jié)果：
<del>標(biāo)記也是刪除線(xiàn)，不過(guò)<del>里能使用一些屬性，例如常用的cite和datetime，前者用于指定刪除原因，后者用于指定刪除時(shí)間，示例：
運(yùn)行結(jié)果：
<abbr>標(biāo)記常用于文本縮寫(xiě)的介紹，也可以用于說(shuō)明某段話(huà)，示例：
運(yùn)行結(jié)果，將鼠標(biāo)移到這句話(huà)上，就可以看到說(shuō)明或介紹，加上了<abbr>標(biāo)記的文本下面會(huì)有一行虛線(xiàn)：
<address>標(biāo)記用來(lái)做地址的描述，爬取數(shù)據(jù)時(shí)遇到這個(gè)標(biāo)記就知道是一個(gè)地址了，示例：
運(yùn)行結(jié)果：
路徑描述
路徑分為絕對(duì)路徑和相對(duì)路徑，絕對(duì)路徑用得不多可以說(shuō)幾乎不用，因?yàn)橛媒^對(duì)路徑是把路徑寫(xiě)死了，一旦工程移動(dòng)到其他電腦上，這個(gè)路徑就不可用了。在Windows操作系統(tǒng)里絕對(duì)路徑是從盤(pán)符開(kāi)始的，例如：C:\Test\index.html 。在Linux操作系統(tǒng)則是從根目錄開(kāi)始，例如：/etc/sysconfig/network-script/ 。在超級(jí)鏈接里寫(xiě)本地絕對(duì)路徑的時(shí)候要加上file:/// 。
相對(duì)路徑是最常用的，因?yàn)檫@個(gè)路徑是相對(duì)于當(dāng)前工程目錄的路徑，當(dāng)我們寫(xiě)一個(gè)相對(duì)路徑時(shí)，它會(huì)在當(dāng)前的工程目錄里找這個(gè)文件。如果使用相對(duì)路徑的時(shí)候，前面加上看了斜杠/，那么就會(huì)在工程的根目錄目錄上找。
思維導(dǎo)圖：
超級(jí)鏈接
超級(jí)鏈接簡(jiǎn)單來(lái)講，就是指按內(nèi)容鏈接。超級(jí)鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁(yè)的一部分，它是一種允許我們同其他網(wǎng)頁(yè)或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁(yè)鏈接在一起后，才能真正構(gòu)成一個(gè)網(wǎng)站。所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類(lèi)型來(lái)打開(kāi)或運(yùn)行。
html的超級(jí)鏈接標(biāo)記是<a>，href屬性用來(lái)聲明鏈接到哪個(gè)網(wǎng)頁(yè)或者工程里的哪個(gè)html文件。上面所介紹的路徑描述在超級(jí)鏈接里會(huì)應(yīng)用到，當(dāng)需要使用超級(jí)鏈接來(lái)鏈接工程下的某個(gè)html文件時(shí)可以使用相對(duì)路徑和絕對(duì)路徑，但是盡量使用相對(duì)路徑。
<a>標(biāo)記格式：
<a href="網(wǎng)址/html文件">
文本內(nèi)容
</a>
鏈接網(wǎng)頁(yè)示例：
運(yùn)行結(jié)果：
鏈接html文件示例：
運(yùn)行結(jié)果：
絕對(duì)路徑示例：
<a>標(biāo)簽里有一個(gè)target屬性，這個(gè)屬性用于指定在何處顯示超鏈接的內(nèi)容。
_blank表示每次都打開(kāi)新的窗口來(lái)顯示頁(yè)面，示例：
運(yùn)行結(jié)果：
_parent 表示用父窗口來(lái)顯示頁(yè)面，也就是當(dāng)前超鏈接所在的這個(gè)窗口，示例：
運(yùn)行結(jié)果：
如果使用頁(yè)面框架的話(huà)，還可以寫(xiě)頁(yè)面定義的名稱(chēng)，示例：
運(yùn)行結(jié)果：
<a>標(biāo)記里的title屬性用于超鏈接的描述、說(shuō)明或者作用、介紹之類(lèi)的，示例：
運(yùn)行結(jié)果，當(dāng)鼠標(biāo)移動(dòng)到這個(gè)超鏈接的時(shí)候就會(huì)顯示title的內(nèi)容：<a href=”#錨點(diǎn)名稱(chēng)”> 文本 < /a>
錨點(diǎn)：
錨點(diǎn)是網(wǎng)頁(yè)制作中超級(jí)鏈接的一種，又叫命名錨記。命名錨記像一個(gè)迅速定位器一樣是一種頁(yè)面內(nèi)的超級(jí)鏈接，運(yùn)用相當(dāng)普遍，能在一個(gè)頁(yè)面里自由跳轉(zhuǎn)。
使用命名錨記可以在文檔中設(shè)置標(biāo)記，這些標(biāo)記通常放在文檔的特定主題處或頂部。然后可以創(chuàng)建到這些命名錨記的鏈接，這些鏈接可快速將訪(fǎng)問(wèn)者帶到指定位置。
創(chuàng)建到命名錨記的鏈接的過(guò)程分為兩步。
首先，創(chuàng)建命名錨記：
<a name=”錨點(diǎn)名稱(chēng)”>
然后創(chuàng)建到該命名錨記的鏈接：
<a href=”#錨點(diǎn)名稱(chēng)”> 文本 < /a>
示例：
運(yùn)行結(jié)果：
同樣的可以跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)中的錨點(diǎn)，示例：
運(yùn)行結(jié)果：
關(guān)于超鏈接還有一個(gè)<base>標(biāo)記，這個(gè)標(biāo)記是寫(xiě)在<head>標(biāo)記里的，<base>標(biāo)記可以給超鏈接里的路徑前面再加上一個(gè)路徑，就比如<base>標(biāo)記里寫(xiě)的是../WebTest1/，超鏈接里的路徑寫(xiě)的是index.html ，然后運(yùn)行時(shí)就會(huì)合成../WebTest1/index.html 這個(gè)路徑。寫(xiě)了<base>標(biāo)記所有的超鏈接都會(huì)默認(rèn)在前面加上<base>標(biāo)記里的路徑，示例：
運(yùn)行結(jié)果：
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
