HTML常用文本標記，超級鏈接和路徑描述-創(chuàng)新互聯(lián)
HTML常用文本標記
在body標記里寫的文本內(nèi)容會直接顯示在頁面上，但是這樣直接寫文本內(nèi)容的方式不太好。我們在html里寫文本內(nèi)容的時候盡量使用標記套住內(nèi)容，類似于聲明這是一個文本、體現(xiàn)特征，在爬取數(shù)據(jù)的時候也就可以方便的通過標記來抓取或過濾指定的數(shù)據(jù)，所以需要我們學習一些常用的文本標記。
<h2~h7> 這是一個標題標記，用來表示包住的內(nèi)容是一個標題，<h2~h7> 表示的字體大小不同，h2大h7最小，示例：
運行結果：
<p> < /p>用于表示一個文本段落，示例：
運行結果：
在<p> < /p>標記里可以使用<strong>標記來表示需要強調(diào)的內(nèi)容，其實就是把字體加粗了，示例：
運行結果：
文字效果相關標記：
在<p> < /p>標記里可以使用很多文字效果相關的標記，例如常用的斜體、下劃線、調(diào)整字體大小或者顏色等等。下面介紹一些常用的文字效果標記。
<s> 刪除線，給文字畫上一條橫線
<b> 粗體
<u> 下劃線
<sup> 讓字體上浮
<sub> 讓字體下沉
<i>和<var> 都可以表示斜體
<big> 加大字體
<small> 縮小字體
示例：
運行結果：
<pre> 預格式化文本，按照編輯器里的文本樣式、字體大小、字體顏色，直接在網(wǎng)頁上顯示，示例：
運行結果：
<font> 標記可以調(diào)整文字的顏色、字體、大小，color屬性設置顏色，face屬性設置字體，size設置屬性大小，示例：
運行結果：
<code> 標記可以用來放一些代碼，示例：
運行結果：
<q>加上引號，示例：
運行結果：
<del>標記也是刪除線，不過<del>里能使用一些屬性，例如常用的cite和datetime，前者用于指定刪除原因，后者用于指定刪除時間，示例：
運行結果：
<abbr>標記常用于文本縮寫的介紹，也可以用于說明某段話，示例：
運行結果，將鼠標移到這句話上，就可以看到說明或介紹，加上了<abbr>標記的文本下面會有一行虛線：
<address>標記用來做地址的描述，爬取數(shù)據(jù)時遇到這個標記就知道是一個地址了，示例：
運行結果：
路徑描述
路徑分為絕對路徑和相對路徑，絕對路徑用得不多可以說幾乎不用，因為用絕對路徑是把路徑寫死了，一旦工程移動到其他電腦上，這個路徑就不可用了。在Windows操作系統(tǒng)里絕對路徑是從盤符開始的，例如：C:\Test\index.html 。在Linux操作系統(tǒng)則是從根目錄開始，例如：/etc/sysconfig/network-script/ 。在超級鏈接里寫本地絕對路徑的時候要加上file:/// 。
相對路徑是最常用的，因為這個路徑是相對于當前工程目錄的路徑，當我們寫一個相對路徑時，它會在當前的工程目錄里找這個文件。如果使用相對路徑的時候，前面加上看了斜杠/，那么就會在工程的根目錄目錄上找。
思維導圖：
超級鏈接
超級鏈接簡單來講，就是指按內(nèi)容鏈接。超級鏈接在本質(zhì)上屬于一個網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點之間進行連接的元素。各個網(wǎng)頁鏈接在一起后，才能真正構成一個網(wǎng)站。所謂的超鏈接是指從一個網(wǎng)頁指向一個目標的連接關系，這個目標可以是另一個網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應用程序。而在一個網(wǎng)頁中用來超鏈接的對象，可以是一段文本或者是一個圖片。當瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標將顯示在瀏覽器上，并且根據(jù)目標的類型來打開或運行。
html的超級鏈接標記是<a>，href屬性用來聲明鏈接到哪個網(wǎng)頁或者工程里的哪個html文件。上面所介紹的路徑描述在超級鏈接里會應用到，當需要使用超級鏈接來鏈接工程下的某個html文件時可以使用相對路徑和絕對路徑，但是盡量使用相對路徑。
<a>標記格式：
<a href="網(wǎng)址/html文件">
文本內(nèi)容
</a>
鏈接網(wǎng)頁示例：
運行結果：
鏈接html文件示例：
運行結果：
絕對路徑示例：
<a>標簽里有一個target屬性，這個屬性用于指定在何處顯示超鏈接的內(nèi)容。
_blank表示每次都打開新的窗口來顯示頁面，示例：
運行結果：
_parent 表示用父窗口來顯示頁面，也就是當前超鏈接所在的這個窗口，示例：
運行結果：
如果使用頁面框架的話，還可以寫頁面定義的名稱，示例：
運行結果：
<a>標記里的title屬性用于超鏈接的描述、說明或者作用、介紹之類的，示例：
運行結果，當鼠標移動到這個超鏈接的時候就會顯示title的內(nèi)容：<a href=”#錨點名稱”> 文本 < /a>
錨點：
錨點是網(wǎng)頁制作中超級鏈接的一種，又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內(nèi)的超級鏈接，運用相當普遍，能在一個頁面里自由跳轉。
使用命名錨記可以在文檔中設置標記，這些標記通常放在文檔的特定主題處或頂部。然后可以創(chuàng)建到這些命名錨記的鏈接，這些鏈接可快速將訪問者帶到指定位置。
創(chuàng)建到命名錨記的鏈接的過程分為兩步。
首先，創(chuàng)建命名錨記：
<a name=”錨點名稱”>
然后創(chuàng)建到該命名錨記的鏈接：
<a href=”#錨點名稱”> 文本 < /a>
示例：
運行結果：
同樣的可以跳轉到另一個網(wǎng)頁中的錨點，示例：
運行結果：
關于超鏈接還有一個<base>標記，這個標記是寫在<head>標記里的，<base>標記可以給超鏈接里的路徑前面再加上一個路徑，就比如<base>標記里寫的是../WebTest1/，超鏈接里的路徑寫的是index.html ，然后運行時就會合成../WebTest1/index.html 這個路徑。寫了<base>標記所有的超鏈接都會默認在前面加上<base>標記里的路徑，示例：
運行結果：
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
當前題目：HTML常用文本標記，超級鏈接和路徑描述-創(chuàng)新互聯(lián)
文章出自：http://muchs.cn/article10/djjgdo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站收錄、定制開發(fā)、商城網(wǎng)站、服務器托管、微信公眾號
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
- seo關鍵詞優(yōu)化 網(wǎng)站關鍵詞挖掘途徑有哪些 2023-04-13
- 整站優(yōu)化與關鍵詞優(yōu)化的區(qū)別？有哪些聯(lián)系 2023-03-28
- 怎樣判斷網(wǎng)站關鍵詞優(yōu)化的難易程度？ 2015-09-23
- 北京網(wǎng)站建設-SEO優(yōu)化-關鍵詞優(yōu)化 2020-11-21
- 網(wǎng)站關鍵詞優(yōu)化核心要素有哪些? 2020-09-21
- 網(wǎng)站優(yōu)化的重點-長尾關鍵詞優(yōu)化 2022-05-02
- 百度推廣，網(wǎng)站關鍵詞優(yōu)化三部曲 2022-12-11
- 內(nèi)容頁的長尾關鍵詞優(yōu)化全流程 2021-10-14
- 讀懂關鍵詞優(yōu)化技巧，讓企業(yè)優(yōu)先占領商機 2023-03-30
- 新站SEO關鍵詞優(yōu)化排名為何難以穩(wěn)定? 2023-04-14
- 網(wǎng)站關鍵詞優(yōu)化需要具備哪些條件 2021-08-13
- seo關鍵的一環(huán)關鍵詞優(yōu)化方法 2016-11-16