标签：
1.直接上链接的例子，分为本网站内的连接和万维网上链接
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> This is my HTML</title> </head> <body> <p> <a href="C:\Documents and Settings\Administrator\桌面\index.html">点击跳往我的index页面</a> 它是指向本网站中的一个页面的链接。 </p> <p> <a href="http://www.baidu.com">百度</a> 它是指向万维网上某个页面的链接。 </p> </body> </html>
2.将图片作为链接
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> This is my HTML</title> </head> <body> <p>点击图片跳页面 <a href="C:\Documents and Settings\Administrator\桌面\index.html"> <img src="C:\Documents and Settings\Administrator\桌面\1.jsp" border="0"> </a> </p> </body> </html>
3.HTML链接语法
<a href="url">link text</a> href属性规定链接的目标 link text 作为超链接内容来显示
HTML链接 -taget属性
使用taget属性，我们可以定义被链接的文档在哪里显示，如下例子会在新窗口中打开文档
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> This is my HTML</title> </head> <body> <a href="http://www.baidu.com" target="_blank">点击这里重新打开一个页面</a> </body> </html>
4.链接到同一个页面的不同位置
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> This is my HTML</title> </head> <body> <p> <a href="#C4">查看 Chapter4</a> </p> <h2>Chapter 1</h2> <p>Chapter 1 content</p> <h2>Chapter 2</h2> <p>Chapter 2 content</p> <h2>Chapter 3</h2> <p>Chapter 3 content</p> <h2><a name="C4">Chapter 4</a></h2> <p>Chapter 4 content</p> <h2>Chapter 5</h2> <p>Chapter 5 content</p> <h2>Chapter 6</h2> <p>Chapter 6 content</p> <h2>Chapter 7</h2> <p>Chapter 7 content</p> <h2>Chapter 8</h2> <p>Chapter 8 content</p> <h2>Chapter 9</h2> <p>Chapter 9 content</p> <h2>Chapter 10</h2> <p>Chapter 10 content</p> <h2>Chapter 11</h2> <p>Chapter 11 content</p> <h2>Chapter 12</h2> <p>Chapter 12 content</p> <h2>Chapter 13</h2> <p>Chapter 13 content</p> <h2>Chapter 14</h2> <p>Chapter 14 content</p> </body> </html>
标签：
原文地址：http://my.oschina.net/u/2312022/blog/531691
