HTML学习（七）——链接
2020-07-13 06:03
381 查看
1.创建超级链接
[code]<html> <body> <p> <a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p> <p><a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。</p> </body> </html>
第一个链接：
第二个链接：
2.图像作为链接：<a></a>中嵌套<img/>标签
[code]<html> <body> <p> 您也可以使用图像来作链接： <a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a> </p> </body> </html>
点击图片链接：
"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
3.链接的target属性
使用 Target 属性，你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档：
[code]<html> <body> <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> <p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p> </body> </html>
点击链接，会在新窗口打开这个链接
3. 链接的name属性——规定锚（anchor）的名称，可见<a></a>标签的作用不只创建超文本链接
可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示，它对读者是不可见的。
当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
创建一个锚
在同一个文档中创建指向该锚的链接
也可以在其他页面中创建指向该锚的链接
[code]<html> <body> <p> <a href="#C4">查看 Chapter 4。</a> </p> <a href="#body">查看</a> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2><a name="C4">Chapter 4</a></h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 5</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 6</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 7</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 8</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 9</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 10</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 11</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 12</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 13</h2> <p>This chapter explains ba bla bla</p> <h2><a name="body">Chapter 14</a></h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 15</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 16</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 17</h2> <p>This chapter explains ba bla bla</p> </body> </html>
点击
<b></b>加粗标签
注意：在写链接的时候，可以使用%20来替换单词之间的空格
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 