HTML超链接标签

news/2024/11/8 18:11:11/

目录

一、超链接

   1.href    引入跳转页面的路径

①网址

         ②相对链接(本地元素)

③锚链接

④用图片链接到网址

  2.target="_blank " 在新窗口中打开链接

  3.base标签

  4.  a标签的样式

(会用在css中和style里)


一、超链接

<a href="" target=”  “></a>

通过使用属性href来指定要链接的url,标签的内容可以为文本也可为其他标签



   1.href    引入跳转页面的路径

   1.网址                      <a href="网址">点击进入网页</a>,点击文字进入网址
   2.相对链接               <a href="相对路径">点击进入html</a>,点击文字进入html
   3.锚链接                   

①网址

<a href="http://www.baidu.com" target=" _blank">百度</a><br>

②相对链接(本地元素)

<a href="../myhomework/2.22/02.html">02</a><br><br><br>
<a href="css/new_file.html">03</a><br><br><br>

③锚链接

<div id="top">这是顶部
</div>(中间要写到浏览器能够拉出滚动条)<a href="#top">回到顶部</a>

 锚点即是#id值,id值只有唯一一个

1.定义锚点<a id=“aa”>第三章</a>

2.定义指向该锚地的链接<a  href=“#aa”>点击查看第三章</a>

id 任何标签都有的值,id的值是唯一的
命名推荐纯字母,或者字母加数字。如top1,
id写进超链接时,要是#加所在地方的id值


④用图片链接到网址

<a href="http://www.baidu.com"><img src="img/02.jpg" ></a>

⑤发邮件(不常用)

<a href="mailto:abc@abc.com">发邮件</a><br><br><br>

⑥下载的链接(中间放的是下载的路径地址,不怎么常用)

<a href="https://img1.baidu.com/it/u=2779841382,1421956514&fm=253&fmt=auto&app=138&f=JPEG?w=563&h=500">下载</a>


2.target="_blank " 在新窗口中打开链接

代码如下(示例):

<a href="http://www.baidu.com" target=" _blank">百度</a><br>

3.base标签

3.<base href="" target="_blank" />

单标签

<head><meta charset="utf-8" /><title></title><base href="" target="_blank" /></head>

加了这句,文件中a链接都会在新窗口打开,如果以下超链接有不想加新窗口打开的,就单独在那个超链接上加除了blank的值

要写在head里



  4.  a标签的样式

(会用在css中和style里)

 a:link:未访问链接 ,如 a:link a:link:未访问链接 ,如 a:link {color:blue} 

a:visited:已访问链接 ,如 a:visited{color:blue} 

 a:hover:鼠标移到链接上时 ,如 a:hover {color:blue} 

a:active:激活时(链接获得焦点时)链接的颜色 ,如a:active{color:blue}

a:active不能设置有无下划线(总是有的)

 方便好记的口诀     LoVe   HAte  爱恨原则
       
        
      
        
            
      


http://www.ppmy.cn/news/553399.html

相关文章

html表格标签

目录 一&#xff0c;表格标签table介绍 二&#xff0c;table&#xff0c;tr&#xff0c;td三个标签属性详解 三&#xff0c;表格单元格的合并 四&#xff0c;表格标签的作用是用作表格布局 一&#xff0c;表格标签table介绍 说起表格&#xff0c;我们都能想起Excel里…

HTML常用标签合集

今天来讲讲有关html的常用标签&#xff0c;嘎嘎有用&#xff0c;嘎嘎好用&#xff01; 目录 HTML常用标签 一、首先来讲第一种&#xff1a;标题标签 h1~h6 二、第二种&#xff1a;段落标签 p 三、第三种&#xff1a;hgroup标签 四、第四种&#xff1a;强调标签 em strong…

html5常用的属性标签,HTML5常用标签及其属性设置

一、Html5的基本结构 网页的内容 二、head标签内常用标签 1、meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息。常用属性: ⑴charset属性:设置文档的字符集编码格式,一般设置为UTF-8。 例:HTML5中设置编码 ⑵http-equiv属性:需要…

HTML a 标签详解

a 标签是浏览器中最常见的标签&#xff0c;它最主要的作用是从一个页面跳转到另一个页面&#xff0c;那么除了超链接这个最主要的功能&#xff0c;你还知道 a 标签的哪些功能呢&#xff1f; a 标签的属性 href a 标签有一个至关重要的属性&#xff1a;href&#xff0c;如果没…

iframe 标签

一&#xff0c;什么是iframe 1.iframe是html元素&#xff0c;用于在网页中内嵌另一个网页。 2.iframe默认有一个宽高,存在边界 3.iframe是一个行内块级元素&#xff0c;可以通过display修改 二&#xff0c;iframe元素属性介绍 1.src : 指定内联网页的地址 2.frameborder:…

1、RFID标签介绍

\qquad 本文介绍传统RFID标签技术&#xff0c;回答&#xff1a;什么是RFID&#xff1f;RFID标签用于什么&#xff1f;RFID标签如何工作&#xff1f;等问题。本文还简介了这项技术的发展过程和实现低成本的困难&#xff0c;为今后的无芯片RFID标签技术介绍做好铺垫。 射频识别 …

table标签

<table> 标签用来定义表格。每个表格均有若干行&#xff08;由 <tr> 标签定义&#xff09;&#xff0c;每行被分割为若干单元格&#xff08;由 <td> 标签定义&#xff09;。字母 td 指表格数据&#xff08;table data&#xff09;&#xff0c;即数据单元格的…

html单标签和双标签汇总

HTML标签 标签双标签1.加粗标签&#xff1a;b strong2.倾斜标签&#xff1a;i em3. 下划线标签&#xff1a;u4. 字体标签&#xff1a;font5. 角标标签&#xff1a;下角标标签&#xff08;sub&#xff09;和上角标标签&#xff08;sup&#xff09;6. 删除线&#xff1a;s del7. …