基本写法

一个网站, 是由很多 html 网页组成的. html 网页之间能够通过超级链接互相跳转, 从而形成了 “网”.

语法:

<a href="1.html">结婚照</a>

a 是英语 anchor “锚” 的意思, 就好像这个页面往另一个页面扔出一个锚. 是一个文本级的标签.

href 是英语 hypertext reference 超文本地址的缩写.

a 标签的另外两个属性

title: 悬停文本

<a href="09_img.html" title="很好看哦">结婚照</a>

target 是否在新窗口打开. target 实际上是 “目标” 的意思.

<a href="09_img.html" title="很好看哦" target="_blank">结婚照</a>

blank 就是 “空白” 的意思, 就表示新建一个空白窗口. 为什么有一个_, 就是规定. 也就是说如果不写 target="_blank" 那么就是在相同的标签页打开. 如果写了, 就是在新的空白标签页中打开.

完整的超链接:

<a href="1.html" title="悬停文本" target="_blank">链接的内容</a>

分清楚 img 和 a 标签的各自的属性:

<img src="1.jpg" />
<a href="1.html"></a>

页面内的锚点

页面当中可以有锚点, 所谓的锚点, 就是一个小标记, 这个小标记是用户不可察觉的, 用户不知道这里有一个标记.

锚点用 name 属性来设置, 一个 a 标签如果有 id 属性, 那么就是页面的一个锚点.

<h1 id="first">第一部分</h1>

那么网址:

Test5.xhtml#second

就能够让这个锚点在页面最顶端显示, 此时页面有卷动. 这样子, 用户的体验会好一点, 用户可以直接看到页面的内容.

完整代码:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Title</title>
</head>
<body>
<a href="Test5.xhtml#second">第二部分</a>
<a href="Test5.xhtml#third">第三部分</a>
<h1 id="first">第一部分</h1>
<p>测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法
</p>
<h1 id="second">第二部分</h1>
<p>测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法
</p>
<h1 id="third">第三部分</h1>
<p>测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法测试锚点用法
</p>
<a href="Test5.xhtml#first">返回顶部</a>
</body>
</html>

a 是一个本文级的标签

如果我们要让一个段落中的所有文字都能够被点击, 那么应该:

p 包裹 a:

<p><a href="">段落段落段落段落段落段落</a>
</p>

而不是 a 包裹 p:

<a href=""><p>段落段落段落段落段落段落</p>
</a>

a 的语义要小于 p. a 可以当做文本来处理, 所以 p 里面相当于放的就是纯文字.

Java网络 1.9 超级链接相关推荐

Java 网络编程（超级详细）
前言:本文是初学Java网络编程时所记录的学习笔记,方便以后查阅学习,同时也作为资料总结分享给大家,如果有问题欢迎指出!! 1. 网络编程 1.1 网络编程基本概念 1.网络将不同区域的电脑连接到一 ...
java swing 链接_JAVA中Jtable标签设置超级链接：基于Java Swing的超链接标签和超链接按钮的实现...
希望在一个标签上设置超级链接,找到了如下的一种方法: 1.要解决的问题基于Java Swing的超链接实现 2.自定义一个超链接标签控件[LinkLabel] 2.1.完整代码如下: public ...
Java 网络编程系列之 NIO
Java 网络编程系列之 NIO 第 1 章Java NIO 概述 1.1 IO 概述 IO 的操作方式 1.2 阻塞 IO (BIO) 1.3 非阻塞 IO(NIO) 1.4 异步非阻塞 IO(AI ...
java 密钥工厂 desede_20145212 实验五《Java网络编程》
20145212 实验五<Java网络编程> 一.实验内容1.运行下载的TCP代码,结对进行,一人服务器,一人客户端: 2.利用加解密代码包,编译运行代码,一人加密,一人解密: 3.集成代 ...
关于EXCEL超级链接被禁止的解决方法
关于EXCEL超级链接被禁止的解决方法 (2008-01-21 20:46:10) 转载▼ 标签: it 分类: Office 上个月就遇到了EXCEL超级链接被禁止的问题,当时还上了EXCE ...
Java网络爬虫实操（5）
上一篇:Java网络爬虫实操(4) 大家好,前几篇文章介绍的URL都是返回HTML内容的,然后再从HTML字符串里解析出我们想要的数据. 但是,随着前端编程技术的发展,至少十多年前开始ajax.jso ...
实验五 Java网络编程及安全实验报告 20135232王玥
北京电子科技学院(BESTI) 实验报告课程:Java程序与设计班级:1352 姓名:王玥学号:20135232 成绩: 指导 ...
NIO详解（一）：java网络编程IO总结(BIO、NIO、AIO)
1.基本概念在Java网络通信中,最基本的概念就是Socket编程了.Socket又称"套接字" 向网络发出请求或者应答网络请求. Socket 和ServerSocket类库位 ...
Java网络爬虫实操（3）
上一篇:Java网络爬虫实操(2) 本篇文章主要介绍NetDiscovery框架中pipeline模式的一些实际使用方法. 1) 什么是pipeline pipeline是一种常见的算法模式,针对不断 ...

Java网络 1.9 超级链接

超级链接

基本写法

a 标签的另外两个属性

页面内的锚点

a 是一个本文级的标签

Java网络 1.9 超级链接相关推荐

最新文章

热门文章