HTML常用文本標(biāo)記，超級(jí)鏈接和路徑描述-創(chuàng)新互聯(lián)
HTML常用文本標(biāo)記
在body標(biāo)記里寫的文本內(nèi)容會(huì)直接顯示在頁(yè)面上，但是這樣直接寫文本內(nèi)容的方式不太好。我們?cè)趆tml里寫文本內(nèi)容的時(shí)候盡量使用標(biāo)記套住內(nè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)記，例如常用的斜體、下劃線、調(diào)整字體大小或者顏色等等。下面介紹一些常用的文字效果標(biāo)記。
<s> 刪除線，給文字畫上一條橫線
<b> 粗體
<u> 下劃線
<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)記也是刪除線，不過(guò)<del>里能使用一些屬性，例如常用的cite和datetime，前者用于指定刪除原因，后者用于指定刪除時(shí)間，示例：
運(yùn)行結(jié)果：
<abbr>標(biāo)記常用于文本縮寫的介紹，也可以用于說(shuō)明某段話，示例：
運(yùn)行結(jié)果，將鼠標(biāo)移到這句話上，就可以看到說(shuō)明或介紹，加上了<abbr>標(biāo)記的文本下面會(huì)有一行虛線：
<address>標(biāo)記用來(lái)做地址的描述，爬取數(shù)據(jù)時(shí)遇到這個(gè)標(biāo)記就知道是一個(gè)地址了，示例：
運(yùn)行結(jié)果：
路徑描述
路徑分為絕對(duì)路徑和相對(duì)路徑，絕對(duì)路徑用得不多可以說(shuō)幾乎不用，因?yàn)橛媒^對(duì)路徑是把路徑寫死了，一旦工程移動(dòng)到其他電腦上，這個(gè)路徑就不可用了。在Windows操作系統(tǒng)里絕對(duì)路徑是從盤符開(kāi)始的，例如：C:\Test\index.html 。在Linux操作系統(tǒng)則是從根目錄開(kāi)始，例如：/etc/sysconfig/network-script/ 。在超級(jí)鏈接里寫本地絕對(duì)路徑的時(shí)候要加上file:/// 。
相對(duì)路徑是最常用的，因?yàn)檫@個(gè)路徑是相對(duì)于當(dāng)前工程目錄的路徑，當(dāng)我們寫一個(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)打開(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è)面框架的話，還可以寫頁(yè)面定義的名稱，示例：
運(yùn)行結(jié)果：
<a>標(biāo)記里的title屬性用于超鏈接的描述、說(shuō)明或者作用、介紹之類的，示例：
運(yùn)行結(jié)果，當(dāng)鼠標(biāo)移動(dòng)到這個(gè)超鏈接的時(shí)候就會(huì)顯示title的內(nèi)容：<a href=”#錨點(diǎn)名稱”> 文本 < /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)建到這些命名錨記的鏈接，這些鏈接可快速將訪問(wèn)者帶到指定位置。
創(chuàng)建到命名錨記的鏈接的過(guò)程分為兩步。
首先，創(chuàng)建命名錨記：
<a name=”錨點(diǎn)名稱”>
然后創(chuàng)建到該命名錨記的鏈接：
<a href=”#錨點(diǎn)名稱”> 文本 < /a>
示例：
運(yùn)行結(jié)果：
同樣的可以跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)中的錨點(diǎn)，示例：
運(yùn)行結(jié)果：
關(guān)于超鏈接還有一個(gè)<base>標(biāo)記，這個(gè)標(biāo)記是寫在<head>標(biāo)記里的，<base>標(biāo)記可以給超鏈接里的路徑前面再加上一個(gè)路徑，就比如<base>標(biāo)記里寫的是../WebTest1/，超鏈接里的路徑寫的是index.html ，然后運(yùn)行時(shí)就會(huì)合成../WebTest1/index.html 這個(gè)路徑。寫了<base>標(biāo)記所有的超鏈接都會(huì)默認(rèn)在前面加上<base>標(biāo)記里的路徑，示例：
運(yùn)行結(jié)果：
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前題目：HTML常用文本標(biāo)記，超級(jí)鏈接和路徑描述-創(chuàng)新互聯(lián)
文章出自：http://chinadenli.net/article10/djjgdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、網(wǎng)站收錄、定制開(kāi)發(fā)、商城網(wǎng)站、服務(wù)器托管、微信公眾號(hào)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- Go語(yǔ)言接口和類型如的轉(zhuǎn)換方法-創(chuàng)新互聯(lián)
- 怎么刪除php數(shù)組中的某個(gè)值-創(chuàng)新互聯(lián)
- 創(chuàng)建有效DevOps測(cè)試策略的5大技巧-創(chuàng)新互聯(lián)
- dataframe如何設(shè)置兩個(gè)條件取值-創(chuàng)新互聯(lián)
- 怎么利用Scrapy框架登錄網(wǎng)站-創(chuàng)新互聯(lián)
- HTML5表單有什么屬性-創(chuàng)新互聯(lián)
- Bootcfg怎么配置、查詢或更改Boot.ini文件設(shè)置-創(chuàng)新互聯(lián)
- seo關(guān)鍵詞優(yōu)化 網(wǎng)站關(guān)鍵詞挖掘途徑有哪些 2023-04-13
- 整站優(yōu)化與關(guān)鍵詞優(yōu)化的區(qū)別？有哪些聯(lián)系 2023-03-28
- 怎樣判斷網(wǎng)站關(guān)鍵詞優(yōu)化的難易程度？ 2015-09-23
- 北京網(wǎng)站建設(shè)-SEO優(yōu)化-關(guān)鍵詞優(yōu)化 2020-11-21
- 網(wǎng)站關(guān)鍵詞優(yōu)化核心要素有哪些? 2020-09-21
- 網(wǎng)站優(yōu)化的重點(diǎn)-長(zhǎng)尾關(guān)鍵詞優(yōu)化 2022-05-02
- 百度推廣，網(wǎng)站關(guān)鍵詞優(yōu)化三部曲 2022-12-11
- 內(nèi)容頁(yè)的長(zhǎng)尾關(guān)鍵詞優(yōu)化全流程 2021-10-14
- 讀懂關(guān)鍵詞優(yōu)化技巧，讓企業(yè)優(yōu)先占領(lǐng)商機(jī) 2023-03-30
- 新站SEO關(guān)鍵詞優(yōu)化排名為何難以穩(wěn)定? 2023-04-14
- 網(wǎng)站關(guān)鍵詞優(yōu)化需要具備哪些條件 2021-08-13
- seo關(guān)鍵的一環(huán)關(guān)鍵詞優(yōu)化方法 2016-11-16