大家好，我是江湖哥，今天分享html教程入門級的部分,大神請繞道，小白請點贊，哈哈，言歸正傳：

Html教程：a標籤

知識要點：

1. a標籤的概念

2. a標籤屬性

一：什麼是a標籤？

a標籤的作用：就是用於控制頁面與頁面之間的跳轉的

a標籤的格式：<a href=”指定要跳轉的目標界面的鏈接”>需要展示給用戶看見的內容</a>

<a href="https://www.toutiao.com/">江湖哥博客</a>

二：a標籤的屬性

a標籤中有一個target屬性，這個屬性的作用就是專門用於控制如何跳轉

值

描述

_blank

於在新的選項卡中跳轉，也就是新建頁面跳轉

_self

默認。在當前選項卡中打開被鏈接文檔，也就是不新建頁面跳轉

_parent

在父框架集中打開被鏈接文檔。

_top

在整個窗口中打開被鏈接文檔。

framename

在指定的框架中打開被鏈接文檔。

<a href="https://www.toutiao.com/">可見內容</a>
<a href="https://www.toutiao.com/" target=」_blank」>江湖可見博客</a>

a標籤中還有一個屬性，叫做title，a標籤中的title和img標籤中title一樣，都是用來控制鼠標懸停時顯示的提示文本內容的

<a href="https://www.toutiao.com/" target="_blank" title="點擊會跳轉到可見博客首頁">可見</a>

設置 target 屬性時， top 與 parent 的打開方式十分類似，需仔細區分。

比如網 A 中鑲嵌了 iframe 網頁 B，網頁 B 又鑲嵌了 iframe 網頁C。

· 如果網頁 C 中連接設置 target=_parent，則跳轉到網頁 B 去掉直接在 A 中嵌入網頁 C 中鏈接頁面。

· 如果網頁 C 中 target=_top ，則直接跳出所有 iframe 框架，直接轉向 C 中鏈接頁面

注意點：

1.a標籤不僅可以讓文字可以點擊，還可以讓圖片也能夠被點擊。

2.一個a標籤必須有一個href屬性，否則a標籤不知道要跳轉到什麼地方

3.如果通過a標籤的href屬性指定一個URL地址，那麼必須在地址前面加上http://或https://。

4.a標籤的href屬性除了可以綁定一個網絡地址以外，還可以指定一個本地的地址

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>a標籤的使用</title>
</head>
<body>
		<a name="top"></a>
		<a href="https://www.toutiao.com/">a是控制界面也頁面的跳轉</a><br><br>
		<a href="https://www.toutiao.com/" target="_blank">跳轉到新窗口打開</a><br><br>

		<a href="#name1">錨點跳轉1</a>&nssp;&nssp;&nssp;<a href="#name2">錨點跳轉2</a>


		<br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

		這是一個錨點跳轉文字1 <a name="name1"></a>   <a href="#top">返回頂部</a>

	<br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

		這是一個錨點跳轉文字2 <a name="name2"></a>   <a href="#top">返回頂部</a>
</body>
</html>

原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/250223.html