java--html(5)超文本链接

最新推荐文章于 2025-04-10 21:27:00 发布

原创最新推荐文章于 2025-04-10 21:27:00 发布 · 2.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

java--html 专栏收录该内容

11 篇文章

订阅专栏

       超文本链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站，这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮，使它和整个网页融为一体。
       所谓的超文本链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。
       而在一个网页中用来超文本链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

页面链接

用HTML创建超文本链接需要使用标记符（结束标记符不能省略），它的最基本属性是href，用于指定超文本链接的目标。通过为href指定不同的值，可以创建出不同类型的超链接。
在HTML文件中用链接指针指向一个目标。其基本格式为：< a href = “…”>标记超文本链接信息< /a>

本地链接

超文本链接指向自己的计算机中的某一个文件，叫本地链接。在文件中需要创建一个标签(即做一个记号)，为页面中需要跳转到的位置命名。命名时应使用< A>标记符的name属性。格式如下：< a name=”标签名”>此处创建了一个标签< /a>

电子邮件链接

如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。如:< a href=”mailto:webmaster@hnu.cn”>管理员信箱< /a>

图像

图像标签

       属性说明：
              src:连接一个文件
               align:属性定义图片的排列方式
              border用来设置图像的边框
              height和width为显示的高宽。

图像地图

       应用：当要在图像中选取某一部分作为连接的时候。如：中国地图每个省所对应的区域。
       map标签要和img标签联合使用。
       < img src=”Sunset.jpg” alt=”图片说明文字” usemap=”#map” />
       < map >
       < area shape=”rect” coords=”50,59,116,104” href=”1.html” />
       < area shape=”circle” coords=”118,203,40” href=”2.html” />
       < /map>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的网站3</title>
</head>
<body>
    <h2>演示超链接a标签</h2>
    <a href="http://www.baidu.com" target="_Black"><img src="3.gif" align="middle"></a><br/>
    <a href="http://www.baidu.com" target="_Black"><font color="red">百度一下</font></a><br/>

    <br/><br/><br/><br/>
     <a name="1">页前:</a><a href="#2">页中</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#3">页尾</a><br/>
     <hr color="red"/>
    <font face="华文彩云" size="8">
             超文本链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个</font>
             <img src="2.jpg"/>
           <font face="隶书" size="12">  网站，这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮，使它和整个网页融为一体。<br/>
      所谓的超文本链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮
      件地址、一个文件，甚至是一个应用程序。</font><br/>
      <a name="2">页中:</a><a href="#1">页前</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#3">页尾</a><br/>
      <hr color="red"/>
      <img src="4.jpg"/>
而在一个网页中用来超文本链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 <br/>
<font face="华文彩云" size="8">
             超文本链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个</font>
             <br/>
             <img alt="回家图片。。。" src="a.jpg" border="1"/><!-- alt="回家图片。。。"当图片缓存不流畅或者不存在时，会出现文字解释说明图片,, alt="回家图片。。。" 给图片加边框-->
             <br/><br/><br/>
             <a href="a.html" target="_black">表格演示的网页a.html</a><!-- target="_black"设置在新的窗口显示网页 -->
             <br/><br/><br/><br/>
<a name="3">页尾:</a>  <a href="#1">页前</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#2">页中</a>
    <br/><br/><br/><br/>
</body>
</html>