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的设计都是使用这套方 ...
随机推荐
- 分享系列--面试JAVA架构师--链家网
本月7日去了一趟链家网面试,虽然没有面上,但仍有不少收获,在此做个简单的分享,当然了主要是分享给自己,让大家见笑了.因为这次是第一次面试JAVA网站架构师相关的职位,还是有些心虚的,毕竟之前大部分时间 ...
- CSS背景100%平铺 浏览器缩小背景显示不全解决办法
本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法,如果你也遇到了,那么就可以参考下面文章. 把浏览器的窗口缩小时,拖动滚动条时你会发现原本设定的CSS背景100%平铺 ...
- centos-lynx
1.官网 http://lynx.isc.org 2.稳定版本 http://invisible-mirror.net/archives/lynx/tarballs/lynx2.8.8rel.2.ta ...
- C# 集合类 ：（Array、 Arraylist、List、Hashtable、Dictionary、Stack、Queue）
我们用的比较多的非泛型集合类主要有 ArrayList类 和 HashTable类.我们经常用HashTable 来存储将要写入到数据库或者返回的信息,在这之间要不断的进行类型的转化,增加了系统装箱和 ...
- opcode的执行
原文链接:http://www.orlion.ga/1001/ 当.php文件被编译为opcode后,下一步的执行并非是把opcode编译为机器码而是类似于如下的方式执行: while (TRUE) ...
- 30分钟全面解析-图解AJAX原理
先上原理图: 高清无码图在这里:点我查看大图!!! 背景: 1.传统的Web网站,提交表单,需要重新加载整个页面. 2.如果服务器长时间未能返回Response,则客户端将会无响应,用户体验很差. 3 ...
- Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)
具体步骤: 1.安装开发工具WebStorm: 2.安装node/npm(下载地址:https://nodejs.org/download/)选择适合你的xxx.mis安装: 3.安装express框 ...
- NASA的下一个十年（译）
原文 MICHAEL ROSTON (New York Times) 从左起:木卫二:土卫六:经过火星的水手谷星的合成图:金星的拼接图 大多数人已经从人类第一次近距离看到冥王星的兴奋中冷静下来.下一个 ...
- Cordova webapp实战开发：（5）如何写一个Andorid下自动更新的插件？
在 <Cordova webapp实战开发:(4)Android环境搭建>中我们搭建好了开发环境,也给大家布置了调用插件的预习作业,做得如何了呢?今天我们来学一下如何自己从头建立一个And ...
- TCP/IP之四书五经[转自2003.12程序员]
TCP/IP协议是当前广域网和局域网通用的网络协议,因此,基于TCP/IP的编程就格外重要.从应用上来说,现在直接利用C层次Socket API进行TCP/IP编程的人确实越来越少了,各种现成的框架( ...