html css零基礎入門教程 二

什麼是HTML文本格式化

HTML 可定義很多供格式化輸出的元素，比如粗體和斜體字。

如下代碼：

頁面上顯示如下：

This text is bold

This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

按標籤功能可以分為:文本格式化標籤、"計算機輸出"標籤和引用和術語定義標籤

文本格式化標籤

「計算機輸出」標籤引用、引用和術語定義HTML 鏈接

HTML 使用超級鏈接與網路上的另一個文檔相連。

超鏈接可以是文字或圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。

通過使用 標籤在 HTML 中創建鏈接。超鏈接的代碼如：Link text href 屬性規定鏈接的目標，開始標籤和結束標籤之間的文字被作為超級鏈接來顯示。

如下代碼：

頁面上顯示為 F2E.TMING

注釋：請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接：href="http://www.w3school.com.cn/html"，就會向伺服器產生兩次 HTTP 請求。這是因為伺服器會添加正斜杠到這個地址，然後創建一個新的請求，就像這樣：href="http://www.w3school.com.cn/html/"。

HTML 鏈接 - target 屬性

標籤的 target 屬性規定在何處打開鏈接文檔。

target屬性有4個保留的目標名稱用作特殊的文檔重定向操作：

1) _blank

在一個新打開、未命名的窗口中載入目標文檔。如F2E.TMING 即是在新窗口打開該網站。

2) _self

在相同的框架或者窗口中顯示。這個是target屬性的默認值，如沒有設置target屬性，則標籤的默認目標就是_self。如: F2E.TMING或F2E.TMING 即是在當前窗口跳轉

3) _parent

這個目標使得文檔載入父窗口或者包含了超鏈接引用的框架的框架集。如果這個引用是在窗口或者在頂級框架中，那麼它與目標 _self 等效。

4) _top

這個目標使得文檔載入包含這個超鏈接的窗口，用 _top 目標將會清除所有被包含的框架並將文檔載入整個瀏覽器窗口。

此外，target屬性也可以設置為其他目標名，如：新窗口1 點擊後瀏覽器將打開一個新的窗口，將它標記為 "window1"，然後在其中顯示1.html這個文檔

HTML 鏈接 - name 屬性

name 屬性規定錨（anchor）的名稱。當使用命名錨時，我們可以創建直接跳至該命名錨（比如頁面中某個小節）的鏈接，這樣使用者就無需不停地滾動頁面來尋找他們需要的信息了。

要使用錨鏈接，首先需要在 HTML 文檔中對錨進行命名。命名錨的語法：錨點1

然後，在文檔中用如下方式創建指向該錨的鏈接：跳轉到錨點1。

例：

頁面上已在段落「HTML 鏈接 - target 屬性」的開始位置添加了一個錨點，代碼為： ，鏈接代碼如下

點擊試試效果：跳轉至段落：HTML 鏈接 - target 屬性

注釋：命名錨經常用於在大型文檔開始位置上創建目錄。可以為每個章節賦予一個命名錨，然後把鏈接到這些錨的鏈接放到文檔的上部。如果您經常訪問百度百科，您會發現其中幾乎每個詞條都採用這樣的導航方式。假如瀏覽器找不到已定義的命名錨，那麼就會定位到文檔的頂端。

其它技巧

1) 鏈接添加文字提示

可以使用title屬性讓滑鼠懸停在超鏈接上的時候，顯示該超鏈接的文字注釋。

如首頁 。滑鼠移到鏈接上查看效果：首頁

2) 鏈接到email地址

只要將鏈接的href屬性設置為mailto:郵箱地址，點擊這個鏈接，就會觸發你的郵件客戶端，如聯繫我們。點擊查看效果：聯繫我們

練習題

1.以下哪個HTML代碼可以產生超鏈接（）

A、F2E.TMING

B、F2E.TMING

C、http://f2e.tming.net.cn/

D、F2E.TMING

2.以下哪個是電子郵件鏈接（）

A、發送反饋

B、發送反饋

C、發送反饋

D、發送反饋

3.下列哪一項是在新窗口中打開網頁文檔（）

A、_self

B、_blank

C、_top

D、_parent

4....表示（）

A、跳轉到"p1"頁面

B、跳轉到頁面的"p1"錨點

C、超鏈接的屬性是"p1"

D、超鏈接的對象是"p1"

5.以下哪個HTML代碼可以產生超鏈接（）

A、F2E.TMING

B、F2E.TMING

C、http://f2e.tming.net.cn/

D、F2E.TMING

6.以下哪個是電子郵件鏈接（）

A、發送反饋

B、發送反饋

C、發送反饋

D、發送反饋

7.下列哪一項是在新窗口中打開網頁文檔（）

A、_self

B、_blank

C、_top

D、_parent

8....表示（）

A、跳轉到"p1"頁面

B、跳轉到頁面的"p1"錨點

C、超鏈接的屬性是"p1"

D、超鏈接的對象是"p1"

想要系統學習web前端和免費學習資料的 可以加裙六二三九六六八零六   學完有工作推薦

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！