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" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。
在整个过程中,这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接,可使另一个窗口的内容发生变化。
分享到:
相关推荐
<A HREF=#锚的名称> 指定锚名称的超级链接 <A HREF> 指定超级链接 <A NAME=锚的名称> 被连结点的名称 <acronym> 标明缩写词。 <address> 特定信息,如地址、签名、作者、此文档的原创者。 <applet> 在页面上放置可...
锚记 <A> 标签的 name 属性用于创建锚点。<A name="marker"> 主题名称 </A>为达到这种跳转效果,请在 href 参数中使用如下标记。<A href="#marker">主题名称 </A>超级链接名称前面的符号“#” 告诉浏览器当前链接是...
16. <a>:<a> 标签可定义锚。锚(anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或超链接);或通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)...
* 锚链接:<a href=”#链接名”>锚点名称</a><a name=”链接名”> 四、表单标签 表单标签用于收集用户输入的信息,常见的表单标签包括: * `<form>`:表单标签 * `<input>`:输入框标签 * `<select>`:下拉菜单...
* `<a>`:定义锚 * `<button>`:定义按钮 (push button) * `<command>`:定义命令按钮 * `<menu>`:定义命令的列表或菜单 * `<menuitem>`:定义用户可以从弹出菜单调用的命令/菜单项目 * `<dialog>`:定义对话框或...
* `<a>`:定义锚 * `<link>`:定义文档与外部资源的关系 * `<nav>`:定义导航链接 列表标签 * `<ul>`:定义无序列表 * `<ol>`:定义有序列表 * `<li>`:定义列表的项目 * `<dir>`:不赞成使用,定义目录列表 * `...
- **示例**:`<table><colgroup span="2" style="background-color:yellow"><col style="background-color:gray"><tr><th>A</th><th>B</th><th>C</th></tr></table>` #### 定义列表项描述:`<dd>` - **作用**:定义...
2. **超链接标签** (`<a>`):用于创建内部或外部链接,例如: - `<a href="url">`:创建一个链接到特定URL的超级链接。 - `<a href="mailto:邮件地址">`:创建一个链接,点击后将打开预填收件人邮箱地址的邮件...
超链接标签包括<a>标签,用于创建超链接、锚链接、功能性链接等。 11. 列表标签 列表标签包括<ul>、<ol>、<li>等,用于创建无序列表、有序列表。 12. 表格标签 表格标签包括<table>、<tr>、<td>等,用于创建表格...
* 锚记点语法,例如 `<a href="#锚记点名称">主题名称</a>` 和 `<a name="锚记点名称"></a>` * 电子邮件链接语法,例如 `<a href="mailto:地址">站长</a>` HTML 基础知识点总结涵盖了 HTML 文档的构造、标题标签、...
- **超链接锚A元素**:`<a>`元素用于创建链接,基本格式如`<a href="url">链接文本</a>`。`href`属性定义链接地址,`target`属性定义打开方式,`_blank`表示在新窗口或标签页中打开链接。 此外,还有不同类型的列表...
3. **<a>**:锚标签,用于创建超链接,将网页链接到其他页面或同一页面的不同位置。 4. **<abbr>**:缩写标签,用于定义缩写词,提高文档的可读性和语义性。 5. **<acronym>**:已废弃,原用于定义只取首字母的...
8. 超链接标签:<a>,锚元素 * href:跳转的位置,默认当前窗口打开 * target:打开方式,_self 当前页面加载,_blank 新标签页打开 ### HTML 列表标签 1. 有序列表:<ol> * type:设置编号类型,a 表示小写...
锚链接,通过<a name="标记名"></a>定义书签,再用<a href="#标记名">链接文本</a>实现内部跳转,方便用户快速定位长页面内容;功能性链接,如电子邮件链接<a href="mailto:email@example.com">发送邮件</a>,或电话...
`<a>`还可以用于内部链接,利用`#`加锚点名实现页面内跳转。 五、图像 `<img>`标签插入图像,`src`属性指图像源,`alt`属性为图像无法显示时的替代文本。 六、列表 `<ul>`创建无序列表,`<ol>`创建有序列表,`<li>...
* `<a>`:链接标签 + `href`:链接地址 + `name`:锚记点名称 * 邮件链接:<a href="mailto:邮件地址">站长邮箱</a> 滚动标签: * `<marquee>`:滚动标签 + `scrolldelay`:滚动延迟时间 + `direction`:滚动...
在布局中,还有如有序列表<ol><li>、无序列表<ul><li>、定义列表<dl><dt><dd>、表格<table>、表单<form>和分区标签<div>等。 **行级标签** 行级元素不占据整个宽度,它们可以并排显示,如图像<img>、文本范围<span>...