HTML學(xué)習(xí):鏈接與頭部

一蔑歌、鏈接

HTML 使用超級鏈接與網(wǎng)絡(luò)上的另一個文檔相連碌上。

(一)簡單實(shí)例
<a >Baidu</a>
簡單實(shí)例.png
(二)空鏈接

指向鏈接后均芽,鼠標(biāo)變成手形丘逸,但單擊后仍停留在當(dāng)前頁面。
臨時加的空鏈接掀宋,主要為了能更好的看到最終的效果深纲。

<a href="#">空鏈接</a>
空鏈接.png
(三)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>
實(shí)例練習(xí).png

二、頭部

(一)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ì)描述鳞骤。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市黍判,隨后出現(xiàn)的幾起案子豫尽,更是在濱河造成了極大的恐慌,老刑警劉巖顷帖,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件美旧,死亡現(xiàn)場離奇詭異,居然都是意外死亡贬墩,警方通過查閱死者的電腦和手機(jī)榴嗅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來陶舞,“玉大人嗽测,你說我怎么就攤上這事≈追酰” “怎么了唠粥?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長停做。 經(jīng)常有香客問我晤愧,道長,這世上最難降的妖魔是什么蛉腌? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任官份,我火速辦了婚禮,結(jié)果婚禮上眉抬,老公的妹妹穿的比我還像新娘贯吓。我一直安慰自己,他們只是感情好蜀变,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布悄谐。 她就那樣靜靜地躺著,像睡著了一般库北。 火紅的嫁衣襯著肌膚如雪爬舰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天寒瓦,我揣著相機(jī)與錄音情屹,去河邊找鬼。 笑死杂腰,一個胖子當(dāng)著我的面吹牛垃你,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼惜颇,長吁一口氣:“原來是場噩夢啊……” “哼皆刺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起凌摄,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤羡蛾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后锨亏,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體痴怨,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年器予,在試婚紗的時候發(fā)現(xiàn)自己被綠了浪藻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡劣摇,死狀恐怖珠移,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情末融,我是刑警寧澤钧惧,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站勾习,受9級特大地震影響浓瞪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜巧婶,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一乾颁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧艺栈,春花似錦英岭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至毅人,卻和暖如春吭狡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背划煮。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留弛秋,地道東北人器躏。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓蟹略,卻偏偏與公主長得像邀桑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子科乎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案贼急? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,761評論 1 92
  • 前言 本系列文章主要是基于W3school這個學(xué)習(xí)網(wǎng)站來總結(jié)的,之所以會自己總結(jié)一番太抓,一來是因為網(wǎng)站中的實(shí)例效果空闲,...
    AR7_閱讀 4,062評論 4 70
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體走敌。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,907評論 0 0
  • HTML標(biāo)簽解釋大全 一碴倾、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,263評論 1 41
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5掉丽? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,521評論 1 45