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