`
李小抽SuperITGirl
  • 浏览: 46517 次
  • 性别: Icon_minigender_2
  • 来自: 沈阳
社区版块
存档分类
最新评论

HTML——<a>标签

    博客分类:
  • HTML
 
阅读更多
<a>标签表示超链接写法为<a></a>

其基本属性有:

accesskey-- 代表一个链接的快捷键访问方式

charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8

coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标

href -- 代表一个链接源(就是链接到什么地方)

hreflang -- 指出了链接到的页面所使用的语言编码

rel-- 代表文档与链接到的内容(href所指的内容)的关系

rev -- 代表文档与链接到的内容(href所指的内容)的关系

shape -- 使用图像地图的时候可以使用shape指定链接区域

tabindex -- 代表使用"tab"键,遍历链接的顺序

target-- 用来指出哪个窗口或框架应该被此链接打开

<a href="目标url">描述文本</a>
链接a标签说明

a-- 是链接的标签

href-- 是链接的属性,告诉浏览器链接到的网址(URI)

url-- 是我们要链接到的网页或者文件的路径。

如果预先在页面上留了块位置,想让超链接链接到的页面就在本页的预留位置上显示的话,这就需要用到,iframe这个标签和target这个属性,iframe就是用来嵌入页面的内联架构而target则是用来连接<a>和<iframe>的,其语法为:

<a herf="#" target="main"></a>

<iframe src="#" width="100" heigth="100" id="main"></iframe>

要注意的是<a>里面的target的值一定要和iframe里面的id的值一样以及iframe的width和heigth的值也要和预留的空间的width和heigth值一样。

和<a>经常结合起来用的伪类选择器是:a:link a:visited a:hover a:active。
如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上语句分别定义了”链接、已访问过的链接、鼠标停在上方时、点下鼠标时”的样式。注意,必须按以上顺序写,否则显示可能和你预期的不一致。记住它们的顺序是“LVHA”。

分享到:
评论

相关推荐

    a标签下载关于图片.txt

    在探讨“a标签下载关于图片.txt”这一主题时,我们首先需要明确几个核心概念:HTML中的`&lt;a&gt;`标签如何用于触发文件下载功能,尤其是在处理图片文件时的一些特殊技巧。接下来,我们将深入分析该知识点,并结合给定的...

    狂神说——HTML完整教学通俗易懂

    2. HTML标签:HTML由各种标签组成,例如&lt;head&gt;、&lt;body&gt;、&lt;h1&gt;到&lt;h6&gt;(标题)、&lt;p&gt;(段落)、&lt;a&gt;(超链接)等。这些标签告诉浏览器如何显示内容。例如,&lt;img&gt;标签用于插入图像,需要指定src属性来指定图像源,alt属性...

    HTML标签大全——HTML学习

    `&lt;a&gt;`标签还可以与`&lt;mail&gt;`结合创建邮件链接,以及与`&lt;name&gt;`和`&lt;a href="#"&gt;`配合实现内部页面跳转。 页面属性标签如`&lt;body&gt;`允许设置背景颜色、文本颜色、链接颜色等,通过`bgcolor`, `text`, `link`, `vlink`, ...

    HTML语言学习教程——HTML语言剖析.pdf

    例如,&lt;body&gt;标签用于定义网页的内容,&lt;head&gt;标签用于包含网页的元数据,&lt;title&gt;标签定义了网页的标题,而&lt;H1&gt;到&lt;H6&gt;用于定义标题的不同层级,&lt;p&gt;用于创建段落,&lt;a&gt;标签用于创建超链接,&lt;img&gt;用于嵌入图片等。...

    HTML第一章-基本标签

    - `&lt;a&gt;`:创建超链接,通过`href`属性指定目标URL。 - `&lt;br&gt;`:插入换行。 - `&lt;blockquote&gt;`:用于引用大段文本。 - `&lt;q&gt;`:用于短引号。 3. **列表标签** - `&lt;ul&gt;`和`&lt;ol&gt;`:无序列表和有序列表。 - `&lt;li&gt;`...

    HTML的页面链接A标签.pdf

    锚记 &lt;A&gt; 标签用于标识充当 HTML 文档中文本或图像的超级链接。href(超文本引用)参数用于指定要链接文档的地址或 URL。 链接到其他页面 链接到其他页面,就是单击此超级链接,打开一个新的 HTML 文档。语法:&lt;A ...

    网页设计必备——html初级教程

    4. 链接:教学如何创建&lt;a&gt;标签以实现页面间的链接和外部资源的引用。 5. 图像:说明&lt;img&gt;标签的用法,包括图片的来源、尺寸和替代文本。 6. 列表:介绍无序列表&lt;ul&gt;、有序列表&lt;ol&gt;和定义列表&lt;dl&gt;的使用。 7. 段落和...

    demo——关于禁用html中a标签的思考.zip

    `&lt;a&gt;`标签是HTML中的一个关键元素,它用于创建超链接,允许用户从一个页面跳转到另一个页面,或者执行其他操作,如下载文件或发送电子邮件。然而,在某些特定场景下,我们可能会考虑禁用`&lt;a&gt;`标签,以达到特定的设计...

    HTML标签解释大全

    - **说明**:`&lt;a&gt;` 标签用于创建超链接,标明超链接的起始或目的位置。例如: ```html &lt;a href="https://www.example.com"&gt;链接文本&lt;/a&gt; ``` ##### 标签:acronym - **说明**:`&lt;acronym&gt;` 标签用于标明缩写词,...

    HTML中文手册,让你更好的学习HTML.

    2. **标签语法**:HTML由一系列标签构成,如&lt;head&gt;、&lt;title&gt;、&lt;body&gt;、&lt;h1&gt;到&lt;h6&gt;(标题)、&lt;p&gt;(段落)、&lt;a&gt;(超链接)等。手册将详细介绍这些标签的用法和意义。 3. **文本格式化**:如何使用&lt;b&gt;、&lt;i&gt;、&lt;u&gt;、...

    (HTMl个人作品)网上书店

    每个书籍条目可以包含更多子元素,如&lt;a&gt;标签创建超链接,链接到详细页面;&lt;img&gt;标签插入图片,展示书籍封面;&lt;span&gt;或&lt;div&gt;标签进行文本或区块的样式控制。 此外,HTML还支持表格(&lt;table&gt;)、表单(&lt;form&gt;)、图像...

    HTML入门教程

    2. **HTML标签**:HTML通过一系列标签来定义和展示内容,如&lt;head&gt;内的&lt;title&gt;用于定义页面标题,&lt;p&gt;用于创建段落,&lt;h1&gt;到&lt;h6&gt;定义标题级别,&lt;a&gt;用于创建链接等。教程会详细介绍各种常见标签的用法和功能。 3. **...

    html标签解释——供大家学习

    HTML标签通常由一对尖括号包围,如`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`等,它们分为开启标签和闭合标签。开启标签告诉浏览器开始一个新的元素,而闭合标签则表示元素结束。有些标签,如`&lt;br&gt;`(换行)和`&lt;img&gt;`(图像),...

    mydemo小案例——————

    超链接(`&lt;a&gt;`)用于跳转到其他页面或资源,`&lt;img&gt;`标签用于插入图像,其`src`属性指向图像的URL。 8. **CSS样式**: 虽然标签描述了页面的内容,但CSS(Cascading Style Sheets)用于定义其外观。可以使用`...

    html操作——适合初学者

    4. HTML链接:`&lt;a&gt;`标签用于创建超链接,通过`href`属性指定链接的目标URL。例如:`&lt;a href="http://example.com"&gt;访问示例网站&lt;/a&gt;`。 5. 图像处理:`&lt;img&gt;`标签插入图像,`src`属性指定图像源,`alt`属性提供替代...

    html制作网页必做入门练习题一PPT学习教案.pptx

    - 阶段5:学习`&lt;A&gt;`标签创建超链接,以及`&lt;MARQUEE&gt;`标签实现滚动文本。 - 阶段6:引入锚点链接,使页面能链接到特定位置,并结合`&lt;MARQUEE&gt;`实现滚动效果。 5. 常见调试问题:在编写和测试HTML时,可能会遇到...

    HTML语言学习教程——HTML语言剖析[参照].pdf

    - 链接标签:`&lt;a&gt;` - 图像标签:`&lt;img&gt;` - 列表标签:无序列表`&lt;ul&gt;`和有序列表`&lt;ol&gt;`,以及列表项`&lt;li&gt;` - 表格标签:`&lt;table&gt;`, `&lt;tr&gt;`, `&lt;td&gt;`, `&lt;th&gt;` 3. **文件标记** 文件标记主要指`&lt;html&gt;`和`&lt;head&gt;`...

    ACCP8.0S1HTML项目一号店

    4. **文本元素**:学习如何使用&lt;h1&gt;至&lt;h6&gt;定义标题,&lt;p&gt;定义段落,以及使用&lt;a&gt;标签创建超链接。 5. **列表元素**:掌握无序列表&lt;ul&gt;和有序列表&lt;ol&gt;,以及列表项&lt;li&gt;的用法,常用于展示商品分类或列表信息。 6. **...

    使用HTML开发商业网站-th标签属性课件.pptx

    ### 使用HTML开发商业网站——`&lt;th&gt;`标签属性详解 #### 一、引言 在当今互联网时代,网站已经成为企业和组织展示自身形象、传递信息的重要平台。HTML(HyperText Markup Language)作为构建网页的基础语言之一,其...

Global site tag (gtag.js) - Google Analytics