`
chinagdvea
  • 浏览: 131344 次
  • 性别: Icon_minigender_1
  • 来自: 韶关
社区版块
存档分类
最新评论

锚标签<a>

    博客分类:
  • html
阅读更多
1.链接到一个页面的不同位置

<html>

<body>

<p>
<a href="#C4">查看 Chapter 4。</a>
</p>

<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>Chapter 14</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>


2.target属性,内建参数 _self _blank

a).在新页面中打开链接 _blank

<html>

<body>

<a href="lastpage-2.html" target="_blank">最后一页</a>

<p>
如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。
</p>

</body>


</html>

b).在当前窗口打开链接 _self

c).在指定窗口内显示链接内容
被指向的超链接使得创建高效的浏览工具变得很容易。例如,一个简单的内容文档的列表,可以将文档重定向到一个单独的窗口:

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_window">Preface</a></li>
  <li><a href="chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapter 3</a></li>
</ul>

当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个 "view_window" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。
在整个过程中,这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接,可使另一个窗口的内容发生变化。




分享到:
评论

相关推荐

    HTML 语法大全!超级精炼<一点通>

    &lt;A HREF=#锚的名称&gt; 指定锚名称的超级链接 &lt;A HREF&gt; 指定超级链接 &lt;A NAME=锚的名称&gt; 被连结点的名称 &lt;acronym&gt; 标明缩写词。 &lt;address&gt; 特定信息,如地址、签名、作者、此文档的原创者。 &lt;applet&gt; 在页面上放置可...

    HTML的页面链接A标签.pdf

    锚记 &lt;A&gt; 标签的 name 属性用于创建锚点。&lt;A name="marker"&gt; 主题名称 &lt;/A&gt;为达到这种跳转效果,请在 href 参数中使用如下标记。&lt;A href="#marker"&gt;主题名称 &lt;/A&gt;超级链接名称前面的符号“#” 告诉浏览器当前链接是...

    HTML常用标签.pdf

    16. &lt;a&gt;:&lt;a&gt; 标签可定义锚。锚(anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或超链接);或通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)...

    html标签和属性总结

    * 锚链接:&lt;a href=”#链接名”&gt;锚点名称&lt;/a&gt;&lt;a name=”链接名”&gt; 四、表单标签 表单标签用于收集用户输入的信息,常见的表单标签包括: * `&lt;form&gt;`:表单标签 * `&lt;input&gt;`:输入框标签 * `&lt;select&gt;`:下拉菜单...

    html5标签大全

    * `&lt;a&gt;`:定义锚 * `&lt;button&gt;`:定义按钮 (push button) * `&lt;command&gt;`:定义命令按钮 * `&lt;menu&gt;`:定义命令的列表或菜单 * `&lt;menuitem&gt;`:定义用户可以从弹出菜单调用的命令/菜单项目 * `&lt;dialog&gt;`:定义对话框或...

    (完整)HTML5常用标签大全.doc

    * `&lt;a&gt;`:定义锚 * `&lt;link&gt;`:定义文档与外部资源的关系 * `&lt;nav&gt;`:定义导航链接 列表标签 * `&lt;ul&gt;`:定义无序列表 * `&lt;ol&gt;`:定义有序列表 * `&lt;li&gt;`:定义列表的项目 * `&lt;dir&gt;`:不赞成使用,定义目录列表 * `...

    html标签总结

    - **示例**:`&lt;table&gt;&lt;colgroup span="2" style="background-color:yellow"&gt;&lt;col style="background-color:gray"&gt;&lt;tr&gt;&lt;th&gt;A&lt;/th&gt;&lt;th&gt;B&lt;/th&gt;&lt;th&gt;C&lt;/th&gt;&lt;/tr&gt;&lt;/table&gt;` #### 定义列表项描述:`&lt;dd&gt;` - **作用**:定义...

    好东西html标签速查

    2. **超链接标签** (`&lt;a&gt;`):用于创建内部或外部链接,例如: - `&lt;a href="url"&gt;`:创建一个链接到特定URL的超级链接。 - `&lt;a href="mailto:邮件地址"&gt;`:创建一个链接,点击后将打开预填收件人邮箱地址的邮件...

    第6章HTML+CSS教学课件.ppt

    超链接标签包括&lt;a&gt;标签,用于创建超链接、锚链接、功能性链接等。 11. 列表标签 列表标签包括&lt;ul&gt;、&lt;ol&gt;、&lt;li&gt;等,用于创建无序列表、有序列表。 12. 表格标签 表格标签包括&lt;table&gt;、&lt;tr&gt;、&lt;td&gt;等,用于创建表格...

    HTML基础知识点总结.doc

    * 锚记点语法,例如 `&lt;a href="#锚记点名称"&gt;主题名称&lt;/a&gt;` 和 `&lt;a name="锚记点名称"&gt;&lt;/a&gt;` * 电子邮件链接语法,例如 `&lt;a href="mailto:地址"&gt;站长&lt;/a&gt;` HTML 基础知识点总结涵盖了 HTML 文档的构造、标题标签、...

    HTML培训PPT【原创漫画版】

    - **超链接锚A元素**:`&lt;a&gt;`元素用于创建链接,基本格式如`&lt;a href="url"&gt;链接文本&lt;/a&gt;`。`href`属性定义链接地址,`target`属性定义打开方式,`_blank`表示在新窗口或标签页中打开链接。 此外,还有不同类型的列表...

    HTML_4.01__XHTML_1.0_参考手册

    3. **&lt;a&gt;**:锚标签,用于创建超链接,将网页链接到其他页面或同一页面的不同位置。 4. **&lt;abbr&gt;**:缩写标签,用于定义缩写词,提高文档的可读性和语义性。 5. **&lt;acronym&gt;**:已废弃,原用于定义只取首字母的...

    上课笔记dawawdad

    8. 超链接标签:&lt;a&gt;,锚元素 * href:跳转的位置,默认当前窗口打开 * target:打开方式,_self 当前页面加载,_blank 新标签页打开 ### HTML 列表标签 1. 有序列表:&lt;ol&gt; * type:设置编号类型,a 表示小写...

    第一部分 HTML基础 2.doc

    锚链接,通过&lt;a name="标记名"&gt;&lt;/a&gt;定义书签,再用&lt;a href="#标记名"&gt;链接文本&lt;/a&gt;实现内部跳转,方便用户快速定位长页面内容;功能性链接,如电子邮件链接&lt;a href="mailto:email@example.com"&gt;发送邮件&lt;/a&gt;,或电话...

    html 完全手册 .

    `&lt;a&gt;`还可以用于内部链接,利用`#`加锚点名实现页面内跳转。 五、图像 `&lt;img&gt;`标签插入图像,`src`属性指图像源,`alt`属性为图像无法显示时的替代文本。 六、列表 `&lt;ul&gt;`创建无序列表,`&lt;ol&gt;`创建有序列表,`&lt;li&gt;...

    2023年HTML基础知识点总结.doc

    * `&lt;a&gt;`:链接标签 + `href`:链接地址 + `name`:锚记点名称 * 邮件链接:&lt;a href="mailto:邮件地址"&gt;站长邮箱&lt;/a&gt; 滚动标签: * `&lt;marquee&gt;`:滚动标签 + `scrolldelay`:滚动延迟时间 + `direction`:滚动...

    html复习点

    在布局中,还有如有序列表&lt;ol&gt;&lt;li&gt;、无序列表&lt;ul&gt;&lt;li&gt;、定义列表&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;、表格&lt;table&gt;、表单&lt;form&gt;和分区标签&lt;div&gt;等。 **行级标签** 行级元素不占据整个宽度,它们可以并排显示,如图像&lt;img&gt;、文本范围&lt;span&gt;...

Global site tag (gtag.js) - Google Analytics