HTML標題、段落、文本格式化、鏈接

HTML標題

標題(Heading)是通過 <h1> - <h6> 標籤進行定義的.
<h1> 定義最大的標題。 <h6> 定義最小的標題

註釋
<!-- 這是一個註釋 -->
水平線

<hr> 標籤在 HTML 頁面中創建水平線

HTML段落

段落是通過 <p> 標籤定義的。
注意:瀏覽器會自動地在段落的前後添加空行。(</p> 是塊級元素)

HTML文本格式化

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

HTML鏈接

HTML使用標籤 <a>來設置超文本鏈接。
超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變爲一隻小手。
在標籤<a> 中使用了href屬性來描述鏈接的地址。
默認情況下,鏈接將以以下形式出現在瀏覽器中:

  • 一個未訪問過的鏈接顯示爲藍色字體並帶有下劃線。
  • 訪問過的鏈接顯示爲紫色並帶有下劃線。
  • 點擊鏈接時,鏈接顯示爲紅色並帶有下劃線。

注意:如果爲這些超鏈接設置了 CSS 樣式,展示樣式會根據 CSS 的設定而顯示。

HTML 鏈接語法
<a href="url">鏈接文本</a>

href 屬性描述了鏈接的目標。
提示: “鏈接文本” 不必一定是文本。圖片或其他 HTML 元素都可以成爲鏈接。

HTML 鏈接 - target 屬性

使用 target 屬性,你可以定義被鏈接的文檔在何處顯示。
下面的這行會在新窗口打開文檔:

<a href="http://www.runoob.com/" target="_blank">訪問菜鳥教程!</a>
HTML 鏈接- id 屬性

id屬性可用於創建在一個HTML文檔書籤標記。
提示: 書籤是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對於讀者來說是隱藏的。
實例
在HTML文檔中插入ID:

<a id="tips">有用的提示部分</a>

在HTML文檔中創建一個鏈接到”有用的提示部分(id=”tips”)”:

<a href="#tips">訪問有用的提示部分</a>

或者,從另一個頁面創建一個鏈接到”有用的提示部分(id=”tips”)”:

<a href="http://www.runoob.com/html/html-links.html#tips">訪問有用的提示部分</a>
基本的注意事項 - 有用的提示

註釋: 請始終將正斜槓添加到子文件夾。假如這樣書寫鏈接:href=”http://www.runoob.com/html”,就會向服務器產生兩次 HTTP 請求。這是因爲服務器會添加正斜槓到這個地址,然後創建一個新的請求,就像這樣:href=”http://www.runoob.com/html/”

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章