一、超链接的概念：

1>用<a>标签实现。href属性设置了要链接的网址。

链接路径URL：Uniform Resource Locator的缩写。统一资源定位符。

4部分组成：协议名、主机名、文件夹名、文件名。

相对URL通常只包含文件夹名和文件名。绝对URL包含全部信息。

2>设置链接的目标窗口。target属性，定义链接打开的目标窗口或框架，定义新的窗口。

target属性的属性值及其功能：

target属性值及功能
_blank　　　　 将链接的文档载入到一个新的未命名的浏览器窗口
_parent 将链接的文档载入包含该链接框架的父框架集或窗口。
_self 将链接的文档载入链接所在的同一框架或窗口，通常不需要设置
_top 将链接的文档载入整个浏览器窗口，而删除所有的框架
   

3>设置链接的提示信息，使用<a>标签的title属性。

4>链接网站内部的不同网页。将href设置成要链接的网页名称。

5>使用锚链接到同一个网页的不同位置。添加的锚点：id必须唯一

<a id="html"></a>
 <a id="css3"></a>
 <body>

     <div style=" width: 500px; height: 600px; background-color: #e4eef9">

         <h1 align="center">网页的超链接设计</h1><hr />

         <h3 style=" text-align:center ">使用锚链接到同一个网页的不同位置</h3>

         <a href="#html">HTML概念</a><br />

         <a href="#css3">CSS3概念</a><br />

         <a href="#JavaScript">JAVAscript概念</a><hr />

         <a id="html"></a>

         <h4>HTML</h4>

         <p>HTML 的具体概念，，，，，，，，，，，你懂得！！！</p>

         <hr />

         <a id="css3"></a>

         <h4>CSS3</h4>

         <p> 的具体概念，急急急急急急   然后你懂得。!!</p>

         <hr />

         <a id="JavaScript"></a>

         <h4>JAVAscript</h4>

         <p>javascrpt 的具体的内容！！！！！然后你懂得！！！</p>

     </div>

 </body>

6>使用锚链接到另一个网页的特定位置。

  <h3 style="text-align:center ">使用锚链接到另一个网页的特定位置</h3>

         <a href="锚链接练习网页1.html#html " target="_blank" title=" 你讲前往下一个网页">HTML的介绍</a><br />

         <a href="锚链接练习网页1.html#css3" target="_blank"  title=" 你就等着瞧吧！哈哈哈">CSS3的介绍</a></div>
 <body>

     <a id="html"></a>

     <h3>HTML介绍</h3>

     <p>hhffhsjkfkjashfkaflh黄飞鸿放寒假啊上课了 废话多萨科技家飞回家看发货就看到就发货啊发卡量发卡量房价控制法律啊安康</p>

     <a id="css3"></a>

     <h3>CSS3介绍</h3>

     <p>发生的恢复健康哈萨克链接粉红色开讲啦护肤老师发科技爱好是开发技术呵呵呵！！！</p>

 </body>

7>

HTML中网页超链接设计的更多相关文章

  1. python笔记之提取网页中的超链接

    python笔记之提取网页中的超链接 对于提取网页中的超链接,先把网页内容读取出来,然后用beautifulsoup来解析是比较方便的.但是我发现一个问题,如果直接提取a标签的href,就会包含jav ...

  2. 用html.parser抓网页中的超链接,返回list

    #python3 from html.parser import HTMLParser class MyHTMLParser(HTMLParser): """ 1.tag ...

  3. 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset

    我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...

  4. WPF中动态更新TextBlock文字中的超链接，文本

    1.------------------------------------------------------------------------- 修改超链接的文本文字: <TextBloc ...

  5. NanUI文档 - 使用网页来设计整个窗口

    NanUI文档目录 NanUI简介 开始使用NanUI 打包并使用内嵌式的HTML/CSS/JS资源 使用网页来设计整个窗口 如何实现C#与Javascript相互掉用(待更新...) 如何处理Nan ...

  6. VUE-001-在表格单元格（el-table-column）中添加超链接访问

    在进行前端网页开发时,通常列表数据我们使用table展示.那么如何在 el-table-column 单元格中使用超链接呢? 如下即是解决方式的一种: 仅需要将如下代码: <el-table-c ...

  7. 使用OPEN XML SDK 读取EXCEL中的超链接Hyperlink

    使用OPEN XML SDK 读取EXCEL中的超链接Hyperlink 原理 先创建一个包括全部EXCEL单元格中超链接Hyperlink数据的表,再定位单元格通过列头(如A1,B1)获取超链接信息 ...

  8. 如何在TextView类中创建超链接 Linkify

    Linkify是一个辅助类,通过RegEx样式匹配,自动地在TextView类(和继承的类)中创建超链接.符合特定的RegEx样式的文本会被转变成可点击的超链接,这些超链接隐式的调用startActi ...

  9. 讨论Android开发中的MVC设计思想

    最近闲着没事,总是想想做点什么.在时间空余之时给大家说说MVC设计思想在Android开发中的运用吧! MVC设计思想在Android开发中一直都是一套比较好的设计思想.很多APP的设计都是使用这套方 ...

随机推荐

  1. LinkedHashMap源码详解

    序言 本来是不打算先讲map的,但是随着对set集合的认识,发现如果不先搞懂各种map,是无法理解set的.因为set集合很多的底层就是用map来存储的.比如HashSet就是用HashMap,Lin ...

  2. 选择排序java代码

    /** * 选择排序 * * 原理:将最小值与数组第1个即array[0]交换,第二次则忽略array[0],直接从array[1]至array[array.length-1]中 * 选择出最小值与a ...

  3. 什么才是正确的javascript数组检测方式

    前面的话 对于确定某个对象是不是数组,一直是数组的一个经典问题.本文专门将该问题择出来,介绍什么才是正确的javascript数组检测方式 typeof 首先,使用最常用的类型检测工具——typeof ...

  4. 学习ng2，从zonejs开始（非官方翻译） ----angular2系列（一)

    Zone是什么: 官方解释:zone.js为JavaScript提供了执行上下文,可以在异步任务之间进行持久性传递. 最开始我一直没理解到这句话,学习过程中我也因为自己的一些失误而一直纠结徘徊,情况是 ...

  5. [C] C语言中的布尔值

    C不具备显示的布尔类型,所以使用整数来代替,规则是:零是假,任何非零值皆为真. 反过来说,如果逻辑表达式为真其值一定为真,若逻辑表达式为假其值一定为零.

  6. Linux脚本，关闭服务器的所有tomcat并且重新启动

    echo '开始查找tomcat进程' ID=`ps -fx | grep tomcat | awk '{print $1}'` echo $ID echo "开始结束tomcat进程&qu ...

  7. 用Latex写学术论文： IEEE Latex模板和文档设置(\documentclass)

    1.可以在博客园中使用latex代码输出公式,以后再以不用复制图片粘贴啦: http://www.cnblogs.com/cmt/p/3279312.html 例如以下代码两边加上 $ 符号后 x(k ...

  8. shell脚本专题之-----------全自动编译安装mysql

    mysql的编译安装,在博客 开源服务专题之--------mysql的编译安装 中已经说明了,但是还是比较麻烦,尤其是一大堆命令,来手动执行,稍有不慎,就会出错.生产上一般都是先在本地测试环境进行自 ...

  9. Vim快捷键分类

      别用ESC了,用ctrl-[ 更快捷   一. 移动:    h,j,k,l: 左,下,上,右.    w: 下一个词的词首.    e:下一个词的词尾.    b:上一个词的词首.    < ...

  10. a:link a:visited a:hover a:active四种伪类选择器的区别

    a:link选择网页中所有没有被visited的a标签,就是没有鼠标悬停hover或者点击click(a链接没有被访问时的样式) a:visited选择网页中所有已经被click的a链接,用来告诉用户 ...