标签之美三——超链接的嵌入

标签之美——超链接标签

一、创建超链接

通常的超链接有两种方式，一种是链接到另一个文件，另一种是链接到当前文件的某个位置。这两种方式都是通过<a></a>标签来创建，其中href属性用来指定链接的目标地址。

1、链接到当前页面指定位置

被链接的地方需要使用<a>标签的name属性标记，示例如下：

<a href="#last">链接到本页最后</a><!--创建一个超链接-->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="last">最后</a><!--链接的标记名-->
</body>

2、链接到本地相对路径文件

相对路径是以当前文件所在的路径为参考的。示例如下：

<body>
<!--同级链接：所链接到得文件与当前文件在同一目录下，直接链接文件名即可-->
<a href="nwe.html">同级链接</a>
<!--下级链接：所链接的文件在当前文件所在目录的子目录下-->
<a href="thml/new.html">下级链接</a>
<!--上级链接：所链接文件在当前文件所在的上级目录-->
<a href="../new.html">上级链接</a>
</body>

3、链接到网址URL

这种方式通常会用在友情链接中。例如如下链接到百度：

<body>
<a href="http://www.baidu.com/">百度</a>
</body>

二、链接的打开方式

<a>标签中的target属性可以设置标签的打开方式，一共有四种方式，分别是_blank,_parent,_self,_top。

1、_blank打开方式

会让浏览器在新的窗口中打开标签。

2、_parent打开方式

在父窗口中打开，当前页面会被覆盖。

3、_self打开方式

在当前窗口打开，当前窗口会被覆盖。

4、_top打开方式

在最上层窗体中打开。

时间： 2024-12-08 11:08:34

标签之美三——超链接的嵌入的相关文章

标签之美九——列表

标签之美--列表列表是网页排序中时常会用到的一个元素. 一.无序列表 1.无序列表的标签无序列表使用<ul></ul>来定义标签的开始和结束.使用<li></li>来设置标签项,示例如下: <body> <ul> <li>title1</li><li>title2</li><li>title3</li> </ul> </body> 效果

1.单个颜色实现按钮 hover .active 的明暗变化请点击转载利用伪元素单个颜色实现 hover 和 active 时的明暗变化效果 2.利用after伪类清除浮动 .clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } 3.增强用户体验,使用伪元素实现增大点击热区.适合用在点击区域较小的移动端,PC端看上去是

UI标签库专题三：JEECG智能开发平台 FormValidation(表单提交及验证标签)

?? 1. FormValidation(表单提交及验证标签) 1.1. 参数属性名类型描述是否必须默认值 action string 表单提交路径否 null formid string 表单唯一标示是 formobj refresh boolean dialog为true时是否刷新父页面否 true callback string 表单提交完成后的回调函数否 null beforeSubmit string 表单提交前的处理函数否 null btnsub string

HTML标签大全（三）

表单标记 ·C 代表 Close needed 表示该标记属于围堵标记,即需要结束标记 </标记>.·N 代表 No need to close 表示该标记属空标记,即不需要结束标记. C <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含 menus.textarea.fieldset.legend 和 label 元素. 表单用于向服务器传输数据. 属性属性值描述 actio

RFID标签天线的三种制作方法

在RFID标签中,天线层是主要的功能层,其目标是传输最大的能量进出标签芯片.RFID天线是按照射频识别所要求的功能而设计的电子线路,将导电银浆或导电碳浆网印在PVC.PC或PET上,再与面层.保护层和底层等合成的.RFID标签天线的制印质量是RFID制造过程中需要控制的关键问题.天线的制作方法常见的有蚀刻法.烫印法和导电油墨印刷法.下面简单介绍这三种作用方法的特点和操作技术要领. 1 蚀刻法天线在蚀刻前应先印刷上抗蚀膜,首先将PET薄膜片材两面覆上金属(如铜.铝等)箔,然后采用印刷法(网印.凹

标签之美二——文本标签

标签之美--HTML文本标签属性详解 1.使用标题标签 <h></h>是标题的开始和结束标签,html提供6级标题划分,示例如下: <body> <h1>这是一级标题</h1><h2>这是二级标题</h><h6>这是六级标题</h6> </body> 2.使用字体标签 <font></font>用于定义字体,其中详细属性如下

【Android基础篇】TabHost导航栏添加标签页的三种方法

使用TabHost实现的导航栏有三种添加页面的方法,分别是直接在布局代码的tab里面添加:通过include标签添加:通过Java代码指定另一个Activity添加.下面是三种方法的示例: 直接在布局代码的tab里面添加标签页使用拖控件拖出来的TabHost,在它的布局层次上会有三个LinearLayout,id分别为tab1.tab2.tab3,如下图所示: 然后我们可以新建一个Layout,在这个Layout里设计好界面后,将xml代码直接放入tab(1.2.3)的标签里,如下图所示,将设

HTML部分标签说明（三）

<textarea></textarea> --多行文本框 cols --列 rows --行 label标签: 姓名:<input type="text" /> 婚否<input type="checkbox" /> <hr /> --换行 <label for="name">姓名:</label><input id="name&q

Jsp2.0自定义标签（第三天）——EL表达式的使用

1.提出问题: 我们经常会看到这样的jsp页面代码: 浏览器显示: 为什么会在页面输出:Hello World ,${per}究竟是如何找到“Hello World”的呢? 2.分析问题: 要想解决上述疑问,首先要试试自己能不能自定义出上面的标签. 比如我想定义<myout:demo print="${per}"/>拥有打印出EL表达式值的功能. 同前面几章一样,自定义标签我分为几个部分: 第一部分:定义标签的地方(*.tld). <?xml version=&qu