HTML中网页超链接设计
一、超链接的概念：
1>用<a>标签实现。href属性设置了要链接的网址。
链接路径URL：Uniform Resource Locator的缩写。统一资源定位符。
4部分组成：协议名、主机名、文件夹名、文件名。
相对URL通常只包含文件夹名和文件名。绝对URL包含全部信息。
2>设置链接的目标窗口。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中网页超链接设计的更多相关文章
- python笔记之提取网页中的超链接
python笔记之提取网页中的超链接 对于提取网页中的超链接,先把网页内容读取出来,然后用beautifulsoup来解析是比较方便的.但是我发现一个问题,如果直接提取a标签的href,就会包含jav ...
- 用html.parser抓网页中的超链接,返回list
#python3 from html.parser import HTMLParser class MyHTMLParser(HTMLParser): """ 1.tag ...
- 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset
我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...
- WPF中动态更新TextBlock文字中的超链接，文本
1.------------------------------------------------------------------------- 修改超链接的文本文字: <TextBloc ...
- NanUI文档 - 使用网页来设计整个窗口
NanUI文档目录 NanUI简介 开始使用NanUI 打包并使用内嵌式的HTML/CSS/JS资源 使用网页来设计整个窗口 如何实现C#与Javascript相互掉用(待更新...) 如何处理Nan ...
- VUE-001-在表格单元格（el-table-column）中添加超链接访问
在进行前端网页开发时,通常列表数据我们使用table展示.那么如何在 el-table-column 单元格中使用超链接呢? 如下即是解决方式的一种: 仅需要将如下代码: <el-table-c ...
- 使用OPEN XML SDK 读取EXCEL中的超链接Hyperlink
使用OPEN XML SDK 读取EXCEL中的超链接Hyperlink 原理 先创建一个包括全部EXCEL单元格中超链接Hyperlink数据的表,再定位单元格通过列头(如A1,B1)获取超链接信息 ...
- 如何在TextView类中创建超链接 Linkify
Linkify是一个辅助类,通过RegEx样式匹配,自动地在TextView类(和继承的类)中创建超链接.符合特定的RegEx样式的文本会被转变成可点击的超链接,这些超链接隐式的调用startActi ...
- 讨论Android开发中的MVC设计思想
最近闲着没事,总是想想做点什么.在时间空余之时给大家说说MVC设计思想在Android开发中的运用吧! MVC设计思想在Android开发中一直都是一套比较好的设计思想.很多APP的设计都是使用这套方 ...
随机推荐
- 移动web开发之像素和DPR
× 目录 [1]定义 [2]分类 [3]缩放[4]DPR 前面的话 像素在web开发中几乎天天用到,但到底什么是像素,移动端和桌面端的像素有区别吗,缩放对像素有影响吗,视网膜屏幕和像素有什么关系?关于 ...
- SharePoint Server 2013开发之旅（一）：新的开发平台和典型开发场景介绍
我终于开始写这个系列文章,实际上确实有一段时间没有动笔了.最近重新安装了一套SharePoint Server 2013的环境,计划利用工作之余的时间为大家写一点新的东西. SharePoint Se ...
- 邻接表有向图(三)之 Java详解
前面分别介绍了邻接表有向图的C和C++实现,本文通过Java实现邻接表有向图. 目录 1. 邻接表有向图的介绍 2. 邻接表有向图的代码说明 3. 邻接表有向图的完整源码 转载请注明出处:http:/ ...
- Javascript定时器(三)——setTimeout(func, 0)
setTimeout(func, 0)可以使用在很多地方,拆分循环.模拟事件捕获.页面渲染等 一.setTimeout中的delay参数为0,并不是指马上执行 <script type=&quo ...
- 自己的JS框架--Amy框架。
这是我根据司徒正美<JavaScript框架设计>一书然后百度了很多东西之后自己写的一个JS框架,满足了司徒正美文中的种子模块部分,包含了命名空间.对象扩展.数组化.类型判断.选择器.多库 ...
- 大数据下的Distinct Count（一）：序
在数据库中,常常会有Distinct Count的操作,比如,查看每一选修课程的人数: select course, count(distinct sid) from stu_table group ...
- SQL Server安全（9/11）：透明数据加密（Transparent Data Encryption）
在保密你的服务器和数据,防备当前复杂的攻击,SQL Server有你需要的一切.但在你能有效使用这些安全功能前,你需要理解你面对的威胁和一些基本的安全概念.这篇文章提供了基础,因此你可以对SQL Se ...
- Hyperledger fabric Client Node.js Hello World示例程序
简介 Hyperledger fabric Client (HFC)提供了基于Node.js的应用接口来访问Hyperledger区块. 本文介绍了一个使用HFC访问IBM Bluemixr区块服务的 ...
- C# 通过反射来动态创建泛型类型
C# 通过反射来动态创建泛型类型与创建普通类型的区别在于:泛型参数的处理 创建泛型类型存在三种情况: 第一种:知道泛型类型,但需要动态指定泛型参数: 第二种:知道泛型参数,但需要动态创建指定参数的泛型 ...
- .NET Core扩展IServiceCollection自动注册服务
前言 在ASP.NET Core中使用依赖注入中使用很简单,只需在Startup类的ConfigureServices()方法中,通过IServiceCollection接口进行注入即可,其它的无需关 ...