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

标签之美——超链接标签

一、创建超链接

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

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

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

?


1

2

3

4

<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、链接到本地相对路径文件

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

?


1

2

3

4

5

6

7

8

<body>

<!--同级链接:所链接到得文件与当前文件在同一目录下,直接链接文件名即可-->

<a href="nwe.html">同级链接</a>

<!--下级链接:所链接的文件在当前文件所在目录的子目录下-->

<a href="thml/new.html">下级链接</a>

<!--上级链接:所链接文件在当前文件所在的上级目录-->

<a href="../new.html">上级链接</a>

</body>

3、链接到网址URL

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

?


1

2

3

<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-09 07:53:54

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

标签之美四——为网页添加绚丽多彩的图像

标签之美--图像的使用 一.设置网页背景图片 ? 1 2 <body background="1.jpg"> </body> 这里图片路径的写法和本地超链接的写法是一样的,可以参考上一篇博客中关于本地路径的地方:http://my.oschina.net/u/2340880/blog/412934. 注意:如果图片大小不能充满网页,图片将会被复制平铺. 二.图片标签<img>的应用 <img>是图片插入标签.其中图片路径的写法和超链接路径

标签之美五——网页表格的设计

标签之美--网页表格的使用 通过表格,可以使网页排版更加清晰,形式更加简洁漂亮. 一.表格布局中三个重要的标签 1.<table></table>:表格的开始和结束标签,行列的布局都在<table>标签内. 2.<tr></tr>行标签的开始和结束 3.<tb></tb>列标签的开始和结束 行标签在列标签的外层,不能单独使用,其中必须至少有一列.示例如下: ? 1 2 3 4 5 6 7 <body> <

标签之美九——列表

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

标签之美十——用户交互元素

标签之美--用户交互元素 任何一个网页都会提供用户交互的功能,包括账号密码的提交,留言板等用户信息的的获取. 一.用户交互表单的属性 表单使用<form></form>来创建. 1.跳转链接属性 表单的跳转是在提交数据后跳转到指定的URL,使用action属性,如下: ? 1 2 <form action="http://"> </form> 2.传递数据的方式 表单跳转传递数据时可以设置一个传递方式,使用method可以设置方式为get

标签之美八——网页框架

标签之美--网页框架的应用 一.框架集<frameset> 框架集用来设置框架的属性,修饰框架的总体效果. 1.框架宽度 cols属性用来设置框架的宽度,示例如下: ? 1 2 3 4 5 6 7 8 <body> <frameset cols="30%,30%,30%,10%"> <frame src="1.html"> <frame src="2.html"> <frame s

标签之美二——文本标签

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

标签之美一——HTML基础元素

标签之美--HTML基础标签使用总结 HTML是一种标记语言,因此,标签便是HTML的核心,一些基础标签的用法总结如下: 1.<html></html> 任何HTML文件都会有这样一个标签,标记网页的开始和结束. 2.<head></head> 头部标签中可以包含许多网页的头信息. 3.<title></title> 这个标签包含在头部标签内,其内容就是网页显示的标题,比如: ? 1 2 3 4 5 <html> <

标签之美七——为网页添加音乐

标签之美--为网页添加音乐 一.添加音乐 为网页添加音乐可以使用<embed></embed>这个标签.其用法和插入图片类似. <embed>标签的几个属性设置如下: src:音频路径 autostart:可是设置为ture或者false,代表是否自动播放. loop:设置是否循环播放 hidden:是否隐藏播放界面 二.插入背景音乐 使用标签<bgsound/>插入背景音乐,其中插入路径的写法和插入图片类似.

struts1-在Struts1的HTML标签中,使用超链接的onclick=&amp;amp;quot;submit();&amp;amp;quot;提交无效?

问题描述 在Struts1的HTML标签中,使用超链接的onclick="submit();"提交无效? 代码如下: <html:form action="/webMessage.do"> .... <a href='javascript:void(0);' onClick="submit();"><b>保存</b></a> .... </html:form> 之前我记得这样