05-HTML-超链接标签

<html>
 <head>
  <title>超链接标签学习</title>
  <meta charset="utf-8"/>
 </head>
 <body>
  <h3超链接标签学习</h3>
  <hr />
  <!--
   超链接标签学习:
    a标签:
     href:要跳转的网页资源路径
      本地资源:相对路径
      网络资源:网络资源(网页)的URL
     target:指明要跳转的网页资源的显示位置
       _self 在当前页中刷新显示
       _blank 在新的标签页中显示
       _top 在顶层页面中显示
       _parent 在父级页面中显示
    注意:
     超链接标签中一定要声明访问方式
   锚点学习:
    作用:在一张网页中进行资源跳转
    使用:
     先使用超链接标签在指定的网页位置增加锚点,格式为:
     <a name="锚点名" ></a>
     使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的,格式:
     <a href="#锚点名" >访问方式</a>
  -->
  <!--本地资源-->
  <h4>本地资源:</h4>
  <a href="05-HTML-图片标签学习.html" target="_blank">图片标签学习</a><br />
  <a href="04-HTML-body标签(列表标签).html" target="_blank"><img src="img/3.jpg" height="100px" title="点击跳转"/></a>
  <hr />
  <h4>网络资源</h4>
  <!--网络资源-->
  <a href="http://www.taobao.com" target="_blank">淘宝一下</a>
  <hr />
  <!--锚点学习:-->
  <h4>锚点学习:</h4>
  <a href="锚点学习.html">锚点学习</a>
 </body>
</html>

原文地址:https://www.cnblogs.com/qust-lgh/p/10355658.html

时间: 2024-10-12 10:38:54

05-HTML-超链接标签的相关文章

AngularJS &lt;a&gt; 超链接标签不起作用?

问题描述: Angular JS app中,使用超链接标签<a href='location'>click</a> 不起作用. 解决方法: 如果你不巧配置了$locationProvider to html5Mode,那么你可以在标签中添加 target="_self" 来保证跳转. 详情查看: http://stackoverflow.com/questions/19773682/angularjs-a-tag-links-not-working/197739

html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格

打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftmargin   左边距 rightmargin 右边距 bottommargin  下边距 body属性用法示例: 格式控制标签: <font color="" face="" size=""></font> 分别控制字体的颜

html中的超链接标签-a标签 和 框架frame与框架集frameset

我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一个网页 a.html,输入下面的内容: <html> <head> <title> html中的超链接标签-a标签 </title> </head> <body> 1,直接转向其他页面: <a href="http://1

超链接标签a样式生效,取消下划线,文字垂直(上下)居中

直接设置超链接标签a的属性时并不会生效, 需要将display属性改为inline-block, 即style="display:inline-block" 添加标签a时,默认是有下划线的, 如果想要取消则设置,style="text-decoration:none" 如果只设置了行高(height), 则无法设置垂直居中,文字会在标签上方显示. 如果想要垂直居中显示,则还需要设置line-height属性,与height等高即可.

HTML常用标签之超链接标签

前面学习过了格式标签和文本标签, 本章开始学习超链接标签 三. 超链接标签 1. 分类: 超链接标签分为相对URL和绝对URL 2. 作用: 相对URL: 指向站点内的某个文件(例如: 跳转到xxx.html) 绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com) 3. 属性作用: <a href=" "></a> <!-- 提供 href 属性或 name 属性, 标签的 href 属性用于指定超链接目标的 URL -

实体字符,媒体标签,元素飘动标签,超链接标签

一)实体字符 一些特别的字符会被html认为是关键字,从而在页面无法显示出来,这些特殊的字符我们要用实体字符里代替,这样就能在页面显示出来了: 常用的实体字符: 空格   小于号 < 大于号 > 人民币 ¥: 版权所有 © 注册的商标 ® 在html中,这些字符我们就用实体字符来代替: <body bgcolor="#80FFFF"> 我们即将要学习 <a>"标签"<br/> 这件毛衣的价格是:¥180 <br/

详解HTML的a标签(超链接标签)

原文 简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4.a标签常用的协议 5.超链接标签的样式问题--a标签的伪类选择器的书写顺序 1.什么是<a>标签 <a> 标签定义超链接,用于从一张页面链接到另一张页面. <a> 元素最重要的属性是 href 属性,它指示链接的目标. 2.<a>标签的几个重要属性 2.1.h

图片与超链接标签

1.图片标签 1.在网页中插入一张图片 2.语法:<img> 3.属性: (1): src:指定要显示的图片路径 (2): width:设置图片的宽度,以像素px为单位,也可以省略单位 (3): height:设置图片的高度 (4): title:用来设置图片的标题,当鼠标悬停在图片上方是出现 (5): alt:用来设置图片加载失败之后的提示文本 2.超链接标签 1.语法:<a>超链接内容</a> 标签属性:herf:必填属性,指定链接地址,当属性为空 "&q

超链接标签a的美化,点击图片文字还是图片都能够跳转至指定页面。以下内容可直接通过鼠标左键选取然后复制到编辑器中直接运行。

<!DOCTYPE html> <html lang="zh-en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="https://www.baidu.com"> <h1>跳转百度</h1> <p&g

超链接标签的CSS伪类link,visited,hover,active

CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果. CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类,有:link,:visited,:hover,:active,而且需要按照这个顺序设置,有个简单的记法是,取首字母组成 love hate,记住“爱恨”就行了. 1,  查看超链接a标签的默认样式 新建一个网页a.html,复制下面的内容: <html> <head> </head&