一蔑歌、鏈接
HTML 使用超級鏈接與網(wǎng)絡(luò)上的另一個文檔相連碌上。
(一)簡單實(shí)例
<a >Baidu</a>
(二)空鏈接
指向鏈接后均芽,鼠標(biāo)變成手形丘逸,但單擊后仍停留在當(dāng)前頁面。
臨時加的空鏈接掀宋,主要為了能更好的看到最終的效果深纲。
<a href="#">空鏈接</a>
(三)target 屬性
使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示(在新的窗口還是在原有的窗口中打開)劲妙。
默認(rèn)的被鏈接文檔會在原有的窗口中打開的湃鹊。如果將 target 屬性設(shè)置為 "_blank"
則文檔就會在新窗口打開。
(四)id 屬性
id 屬性可用于在一個 HTML 文檔中創(chuàng)建書簽標(biāo)記镣奋。
書簽是不以任何特殊的方式顯示币呵,在HTML文檔中是不顯示的,所以對于讀者來說是隱藏的侨颈。
(五)基本的注意事項
請始終將正斜杠添加到子文件夾余赢。
假如這樣書寫鏈接:芯义,就會向服務(wù)器產(chǎn)生兩次 HTTP 請求。這是因為服務(wù)器會添加正斜杠到這個地址妻柒,然后創(chuàng)建一個新的請求扛拨,就像這樣:
。
(六)實(shí)例練習(xí)
<p>創(chuàng)建圖片鏈接:
<a >
<img src="/PRO_Python3/Python學(xué)習(xí)/Test2018/set.png" alt="HTML 教程" width="32" height="32">
</a>
</p>
<p>無邊框的圖片鏈接:
<a >
<img border="0" src="/PRO_Python3/Python學(xué)習(xí)/Test2018/set.png" alt="HTML 教程" width="32" height="32">
</a>
</p>
<p>
<a href="#C3">查看章節(jié) 3</a>
</p>
<h2>章節(jié) 1</h2>
<p>這邊顯示該章節(jié)的內(nèi)容……</p>
<h2>章節(jié) 2</h2>
<p>這邊顯示該章節(jié)的內(nèi)容……</p>
<h2><a id="C3">章節(jié) 3</a></h2>
<p>這邊顯示該章節(jié)的內(nèi)容……</p>
<p>跳出框架?<a target="_top">點(diǎn)擊這里!</a> </p>
<p>
這是一個電子郵件鏈接:
<a href="mailto:example@163.com?Subject=Hello%20again" target="_top">發(fā)送郵件</a>
</p>
<p>
這是另一個電子郵件鏈接:
<a href="mailto:example@example.com?cc=example1@qq.com&bcc=example2@qq.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">發(fā)送郵件!</a>
</p>
<p>
<b>注意:</b> 單詞之間空格使用 %20 代替蛤奢,以確保瀏覽器可以正常顯示文本鬼癣。
</p>
二、頭部
(一)HTML head 元素
標(biāo)簽 | 描述 |
---|---|
<head> |
定義了文檔的信息 |
<title> |
定義了文檔的標(biāo)題 |
<base> |
定義了頁面鏈接標(biāo)簽的默認(rèn)鏈接地址 |
<link> |
定義了一個文檔和外部資源之間的關(guān)系 |
<meta> |
定義了HTML文檔中的元數(shù)據(jù) |
<script> |
定義了客戶端的腳本文件 |
<style> |
定義了HTML文檔的樣式文件 |
(二)<head>
元素
<head>
元素包含了所有的頭部標(biāo)簽元素啤贩。
在<head>
元素中你可以插入腳本(scripts), 樣式文件(CSS)待秃,及各種 meta 信息。
可以添加在頭部區(qū)域的元素標(biāo)簽為: <title>
, <style>
, <meta>
, <link>
, <script>
, <noscript>
和 <base>
痹屹。
<head>
元素描述了文檔的各種屬性和信息章郁,其中包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等志衍。
(三)<title>
元素
<title>
標(biāo)簽定義了不同文檔的標(biāo)題暖庄,在 HTML/XHTML 文檔中是必須。
(四)<base>
元素
<base>
標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo)楼肪,該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接培廓。
在 HTML 中,<base>
標(biāo)簽沒有結(jié)束標(biāo)簽春叫,必須被正確地關(guān)閉肩钠。
(五)<link>
元素
<link>
標(biāo)簽定義了文檔與外部資源之間的關(guān)系。
<link>
標(biāo)簽通常用于鏈接到樣式表暂殖。
(六)<style>
元素
<style>
標(biāo)簽定義了HTML文檔的樣式文件引用地址价匠。
在<style>
元素中你需要指定樣式文件來渲染HTML文檔。
(七)<meta>
元素
<meta>
標(biāo)簽提供了元數(shù)據(jù)呛每。元數(shù)據(jù)也不顯示在頁面上踩窖,但會被瀏覽器解析。
META元素通常用于指定網(wǎng)頁的描述晨横,關(guān)鍵詞洋腮,文件的最后修改時間,作者手形,和其他元數(shù)據(jù)啥供。
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞)叁幢,或其他Web服務(wù)。
<meta>一般放置于 <head>區(qū)域
為搜索引擎定義關(guān)鍵詞
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
為網(wǎng)頁定義描述內(nèi)容
<meta name="description" content="Free Web tutorials on HTML and CSS">
定義網(wǎng)頁作者
<meta name="author" content="Hege Refsnes">
每30秒鐘刷新當(dāng)前頁面
<meta http-equiv="refresh" content="30">
(八)<script>
元素
<script>
標(biāo)簽用于加載腳本文件坪稽,如: JavaScript曼玩。
<script>
元素在以下章節(jié)會詳細(xì)描述鳞骤。