1. 程式人生 > >HTML 學習02

HTML 學習02

超文本 refresh 添加 www 標題 keyword html tips lan

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