一、認識標籤（第三部分）
1.1、使用 a 標籤，鏈接到另一個頁面
使用
<a>標籤可實現超鏈接，它在網頁製作中可以說是無處不在，只要有鏈接的地方，就會有這個標籤。
語法：<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
注意：只要爲文本加入a標籤後，文字的顏色就會自動變爲藍色（被點擊過的文本顏色爲紫色），顏色很難看吧，不過沒有關係後面我們學習了css樣子就可以設置過來 , 後面會詳細講解。
代碼示例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>火影忍者</title>
</head>
<body>
<p><a href="http://www.baidu.com" title="Click Here">百度一下</a> </p>
</body>
</html>
運行結果：
1.2、在新建瀏覽器窗口中打開鏈接
<a>標籤在默認情況下，鏈接的網頁是在當前瀏覽器窗口中打開，有時我們需要在新的瀏覽器窗口中打開。
代碼示例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的蓋茨比</title>
</head>
<body>
<p>1922年的春天，一個想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/" target="_blank">託比•馬奎爾Tobey Maguire </a>飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私爲王，股票飛漲的時代。爲了追尋他的美國夢，他搬入紐約附近一海灣居住。</p>
<p>菲茨傑拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象爲"爵士樂時代"吟唱華麗輓歌，其詩人和夢想家的氣質亦爲那個奢靡年代的不二註解。</p>
</body>
</html>
運行結果：
1.3、認識 img 標籤，爲網頁插入圖片
在網頁的製作中爲使網頁炫麗美觀，肯定是缺少不了圖片，可以使用
<img>標籤來插入圖片。
語法：<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">
1、src：標識圖像的位置；
2、alt：指定圖像的描述性文本，當圖像不可見時（下載不成功時），可看到該屬性指定的文本；
3、title：提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)；
4、圖像可以是GIF，PNG，JPEG格式的圖像文件
代碼示例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>你看見了我的小熊嗎</title>
</head>
<body>
<h1>你看見了我的小熊嗎</h1>
<img src="http://file03.16sucai.com/2016/03/2016eztyv4dfpat.jpg" title="電影介紹">
</body>
</html>
運行結果：
此篇博客代碼下載地址：HTML教程4代碼下載
博主的所有博客目錄如下：博客文章目錄彙總
Java面試部分的博客目錄如下：Java筆試面試目錄
轉載請標明出處，原文地址：https://blog.csdn.net/weixin_41835916 如果覺得本文對您有幫助，請點擊頂支持一下，您的支持是我寫作最大的動力，謝謝。
