HTML 學習02
HTML 超鏈接(鏈接)
HTML使用標簽 <a>來設置超文本鏈接。
超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。
在標簽<a> 中使用了href屬性來描述鏈接的地址。
默認情況下,鏈接將以以下形式出現在瀏覽器中:
- 一個未訪問過的鏈接顯示為藍色字體並帶有下劃線。
- 訪問過的鏈接顯示為紫色並帶有下劃線。
- 點擊鏈接時,鏈接顯示為紅色並帶有下劃線。
HTML 鏈接語法
鏈接的 HTML 代碼很簡單。它類似這樣:
<a href="url">鏈接文本</a>
href 屬性描述了鏈接的目標
HTML 鏈接 - target 屬性
使用 target 屬性,可以定義被鏈接的文檔在何處顯示。 下面的這行會在新窗口打開文檔:
<a href="http://www.mtime.com/" target="_blank">訪問連接!</a>
HTML 鏈接- id 屬性
id屬性可用於創建在一個HTML文檔書簽標記。
在HTML文檔中插入ID: <a id="tips">有用的提示部分</a> 在HTML文檔中創建一個鏈接到"有用的提示部分(id="tips")": <a href="#tips">訪問有用的提示部分</a> 或者,從另一個頁面創建一個鏈接到"有用的提示部分(id="tips")": <a href="http://www.mtime.com/html/html-links.html#tips"> 訪問有用的提示部分</a>
始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:href="http://www.mtime.com/html",就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址,然後創建一個新的請求,就像這樣:href="http://www.mtime.com/html/"。
HTML <head> 元素
<head> 元素包含了所有的頭部標簽元素。在 <head>元素中可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
HTML <title> 元素
<title> 標簽定義了不同文檔的標題。
<title> 在 HTML/XHTML 文檔中是必須的。
<title> 元素:
- 定義了瀏覽器工具欄的標題
- 當網頁添加到收藏夾時,顯示在收藏夾中的標題
- 顯示在搜索引擎結果頁面的標題
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文檔標題</title> </head> <body> 文檔內容...... </body> </html>
HTML <base> 元素
<base> 標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接:
<head> <base href="http://www.mtime.com/images/" target="_blank"> </head>
HTML <link> 元素
<link> 標簽定義了文檔與外部資源之間的關系。
<link> 標簽通常用於鏈接到樣式表:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
HTML <style> 元素
<style> 標簽定義了HTML文檔的樣式文件引用地址.
在<style> 元素中你也可以直接添加樣式來渲染 HTML 文檔:
<head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head>
HTML <meta> 元素
meta標簽描述了一些基本的元數據。
<meta> 標簽提供了元數據.元數據也不顯示在頁面上,但會被瀏覽器解析。
META 元素通常用於指定網頁的描述,關鍵詞,文件的最後修改時間,作者,和其他元數據。
元數據可以使用於瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。
<meta> 一般放置於 <head> 區域
<meta> 標簽- 使用實例
為搜索引擎定義關鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
為網頁定義描述內容:
<meta name="description" content="免費 Web & 編程 學習 教程 html ">
定義網頁作者:
<meta name="author" content="dtt">
每30秒鐘刷新當前頁面:
<meta http-equiv="refresh" content="30">
HTML <script> 元素
<script>標簽用於加載腳本文件,如: JavaScript。
<script> 元素在以後的學習中會詳細描述。
HTML head 元素
標簽 | 描述 |
---|---|
<head> | 定義了文檔的信息 |
<title> | 定義了文檔的標題 |
<base> | 定義了頁面鏈接標簽的默認鏈接地址 |
<link> | 定義了一個文檔和外部資源之間的關系 |
<meta> | 定義了HTML文檔中的元數據 |
<script> | 定義了客戶端的腳本文件 |
<style> | 定義了HTML文檔的樣式文件 |
HTML 學習02