html <a>锚文本超链接标签
1.1超链接概述
超链接指从一个网页指向一个目标的连接关系。这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。
注意:超链接默认情况下是自动加下划线的。
1.2 html a语法
<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
href值:
网址,网址一定加上http://+域名。
相对路径,如htef="/abc/",代表本站内锚文本。
target值:
_blank,在新窗口中打开链接。
_parent,在父窗体中打开链接。
_self,在当前窗体打开链接,此为默认值。
_top,在当前窗体打开链接,并替换当前的整个窗体(框架页)。
注意:
如果target不带值,代表在本页父窗体中打开链接。
如果a标签内没有此元素,默认是在浏览网页中重新载入对应链接网页。
title值
在网页中不显示。
1.3 html a适用范围
1、对图片进行锚文本超链接。
例:
<a href="网址" target="_blank" title="转到主页"><img src="图片地址" /></a>
2、对文字内容进行锚文本超链接。
1.4 html a应用扩展——同页面锚文本(同页面内上下转到指定位置)
例:页面底部点击 “回到顶部”链接转到本网页顶部。
1、首先在网页<body>内最上面添加一个<span id="top" name="top"></span>。
2、再到<body>内,需要出现点击后转到顶部位置添加<a href="#top">回到顶部</a>。
或者:
<a href="#">回到顶部</a>。
#包含了一个位置信息,默认的锚是#top 也就是网页的上端。
使用语法:
1、需要转到地方添加<a href="#命名">文字</a>,注意href值是#开头+英文字母命名
2、需要在被转到位置添加<span id="命名" name="命名"></span>,注意id和name值相同并且与a命名相同。
发表评论
-
html框架之iframe和frame及frameset
2019-01-22 14:55 4218html框架之iframe和frame及f ... -
Select下拉选择框的美化
2017-11-02 17:19 3350Select下拉选择框的美化 1.1 CSS修改select下 ... -
Input元素去除获取焦点时的边框
2017-11-02 10:27 7020Input元素去除获取焦点 ... -
Input[type="radio"]和Input[type="checkbox"]的选中
2017-11-01 17:03 1664Input[type="radio"]和I ... -
Input只读属性详解
2017-11-01 16:27 1699Input只读属性详解 1.1概述 Reado ... -
input[type="file"]标签的美化
2017-11-01 15:34 1183input[type="file"]标签的 ... -
html布局之table表格布局
2017-09-25 08:52 3484html布局之table表格布局 1.1 table布局 1、 ... -
HTML实现页面自动跳的方法
2017-09-14 11:42 945HTML实现页面自动跳的方法 1.1方法一 直 ... -
html marquee标签讲解
2017-09-01 09:02 1688html marquee标签讲解 1.1概述 ... -
html路径小结
2017-08-25 09:38 621html路径小结 1.1概述 ... -
html meta标签用法详解(一)
2017-08-24 10:18 1191html meta标签用法详解(一) 1.1概述 ... -
Hack技术总结
2017-08-23 11:22 967Hack技术总结 1.1概述 ... -
HTML行内元素和块级元素的转换
2016-10-07 16:24 6292HTML行内元素和块级元素的转换 1.1 CSS displa ... -
div元素按比例缩放的实现方法
2016-09-08 17:54 16162div元素按比例缩放的实现方法 某些场景下,窗 ... -
HTML img布局问题详解
2016-09-08 16:52 1172HTML img布局问题详解 1.1 ... -
HTML中空格的实现方法详解
2016-09-08 15:15 2417HTML中空格的实现方法详解 浏览器总是会截短 ... -
RGB颜色与HEX十六进制颜色的换算
2016-09-07 20:57 1102RGB颜色与HEX十六进制颜色的换算 1.1换算表格 ... -
Web语义化详解
2016-07-21 14:51 660Web语义化详解 1.1概述 Web语义化主 ... -
DIV+CSS布局和TABLE布局详解
2016-07-21 10:53 808DIV+CSS布局和TABLE布局详 ... -
HTML引入CSS样式的方式详解
2016-07-21 10:06 1485HTML引入CSS样式的方式详解 1.1内联属性(Inlin ...
相关推荐
* 图像超链接:<a href=”访问的网站” target=”” title=””><img src=”图片的路径/图片名” alt=”图像显示错误显示的文本”></a> * 锚链接:<a href=”#链接名”>锚点名称</a><a name=”链接名”> 四、表单...
<a> 标明超链接的起始或目的位置。 <A HREF TARGET> 指定超级链接的分割窗口 <A HREF=#锚的名称> 指定锚名称的超级链接 <A HREF> 指定超级链接 <A NAME=锚的名称> 被连结点的名称 <acronym> 标明缩写词。 <address> ...
16. <a>:<a> 标签可定义锚。锚(anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或超链接);或通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)...
锚记 <A> 标签用于标识充当 HTML 文档中文本或图像的超级链接。href(超文本引用)参数用于指定要链接文档的地址或 URL。 链接到其他页面 链接到其他页面,就是单击此超级链接,打开一个新的 HTML 文档。语法:<A ...
超链接标签包括<a>标签,用于创建超链接、锚链接、功能性链接等。 11. 列表标签 列表标签包括<ul>、<ol>、<li>等,用于创建无序列表、有序列表。 12. 表格标签 表格标签包括<table>、<tr>、<td>等,用于创建表格...
- `<A>`:锚标签,用于创建超链接。 - **图像标签**: - `<IMG>`:图像标签,用于插入图片。 - **多媒体标签**: - `<EMBED>`:嵌入标签,用于插入音频或视频。 ##### 4. HTML标签的使用方法 - **基本语法**...
3. **<a>**:锚标签,用于创建超链接,将网页链接到其他页面或同一页面的不同位置。 4. **<abbr>**:缩写标签,用于定义缩写词,提高文档的可读性和语义性。 5. **<acronym>**:已废弃,原用于定义只取首字母的...
- **示例**:`<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>` - **作用**:定义...
* 定义和用法:<a> 标签可定义锚。锚 (anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或超链接);通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的...
- **超链接锚A元素**:`<a>`元素用于创建链接,基本格式如`<a href="url">链接文本</a>`。`href`属性定义链接地址,`target`属性定义打开方式,`_blank`表示在新窗口或标签页中打开链接。 此外,还有不同类型的列表...
2. **超链接标签** (`<a>`):用于创建内部或外部链接,例如: - `<a href="url">`:创建一个链接到特定URL的超级链接。 - `<a href="mailto:邮件地址">`:创建一个链接,点击后将打开预填收件人邮箱地址的邮件...
* `<a>` 标签用于创建超链接,例如 `<a href="地址">连接标志</a>` * 锚记点语法,例如 `<a href="#锚记点名称">主题名称</a>` 和 `<a name="锚记点名称"></a>` * 电子邮件链接语法,例如 `<a href="mailto:地址">...
`<a>` 标签创建超链接,可以链接到其他网页、邮件、锚点等: ```html <a href="http://www.baidu.com">百度</a> <a href="http://www.baidu.com" target="_blank">百度</a> <a name="pl">文本内容</a> <a href="#pl...
`<a>`标签创建超链接,通过`href`属性指定目标URL。`<a>`还可以用于内部链接,利用`#`加锚点名实现页面内跳转。 五、图像 `<img>`标签插入图像,`src`属性指图像源,`alt`属性为图像无法显示时的替代文本。 六、...
在创建图文并茂的网页时,图像标签<img>起着至关重要的作用。常见的图像格式有JPG、GIF和PNG。JPG压缩率高,适合网络使用;GIF支持透明和动画;PNG则结合了两者的优点。图像标签的基本语法是:<img src="path" alt=...
在布局中,还有如有序列表<ol><li>、无序列表<ul><li>、定义列表<dl><dt><dd>、表格<table>、表单<form>和分区标签<div>等。 **行级标签** 行级元素不占据整个宽度,它们可以并排显示,如图像<img>、文本范围<span>...
8. 超链接标签:<a>,锚元素 * href:跳转的位置,默认当前窗口打开 * target:打开方式,_self 当前页面加载,_blank 新标签页打开 ### HTML 列表标签 1. 有序列表:<ol> * type:设置编号类型,a 表示小写...
由于扫描文本可能存在错误,例如,“<formid=form1></legend><inputtype=checkbox>HTML<br><inputtype=checkbox>CSS<br><inputtype=checkbox>DHTML<br><inputtype=checkbox>SCRIPT<br></form></fieldset>”这段文字...