整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
家好，我是江湖哥，今天分享html教程入门级的部分,大神请绕道，小白请点赞，哈哈，言归正传：
知识要点：
1. a标签的概念
2. a标签属性
a标签的作用：就是用于控制页面与页面之间的跳转的
a标签的格式：<a href="指定要跳转的目标界面的链接">需要展示给用户看见的内容</a>
<a href="https://www.toutiao.com/">江湖哥博客</a>a标签中有一个target属性，这个属性的作用就是专门用于控制如何跳转
值
描述
_blank
于在新的选项卡中跳转，也就是新建页面跳转
_self
默认。在当前选项卡中打开被链接文档，也就是不新建页面跳转
_parent
在父框架集中打开被链接文档。
_top
在整个窗口中打开被链接文档。
framename
在指定的框架中打开被链接文档。
<a href="https://www.toutiao.com/">可见内容</a>
<a href="https://www.toutiao.com/" target=”_blank”>江湖可见博客</a>a标签中还有一个属性，叫做title，a标签中的title和img标签中title一样，都是用来控制鼠标悬停时显示的提示文本内容的
<a href="https://www.toutiao.com/" target="_blank" title="点击会跳转到可见博客首页">可见</a>设置 target 属性时， top 与 parent 的打开方式十分类似，需仔细区分。
比如网 A 中镶嵌了 iframe 网页 B，网页 B 又镶嵌了 iframe 网页C。
· 如果网页 C 中连接设置 target=_parent，则跳转到网页 B 去掉直接在 A 中嵌入网页 C 中链接页面。
· 如果网页 C 中 target=_top ，则直接跳出所有 iframe 框架，直接转向 C 中链接页面
1.a标签不仅可以让文字可以点击，还可以让图片也能够被点击。
2.一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方
3.如果通过a标签的href属性指定一个URL地址，那么必须在地址前面加上http://或https://。
4.a标签的href属性除了可以绑定一个网络地址以外，还可以指定一个本地的地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签的使用</title>
</head>
<body>
<a name="top"></a>
<a href="https://www.toutiao.com/">a是控制界面也页面的跳转</a><br><br>
<a href="https://www.toutiao.com/" target="_blank">跳转到新窗口打开</a><br><br>
<a href="#name1">锚点跳转1</a>&nssp;&nssp;&nssp;<a href="#name2">锚点跳转2</a>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
这是一个锚点跳转文字1 <a name="name1"></a> <a href="#top">返回顶部</a>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
这是一个锚点跳转文字2 <a name="name2"></a> <a href="#top">返回顶部</a>
</body>
</html>关注我，点击下面链接，即可看视频
天我们来看下html中<a></a>的特点与功能
一 .a标签是超链接标签，首先我们说一下它的特点：
1.在网页中默认会有下划线
2.不会继承父级的颜色样式
效果图
详细代码
其中，自带的下划线不美观，但我们可以用以下代码解决，ctrl+s保存后，下划线就没有了
去掉下划线
二 .下面我们来看看a标签的几个功能：
1.跳转页面
href 属性要跳转页面的地址（没地址的情况下可以写一个#）,即可以给网络的地址也可以给本地的地址
target 属性
值：_blank在新页面打开
_self 在本页面打开（默认的）
跳转页面功能
2.锚点
作用：网页太长时，通过点击页面某一个导航，页面直接到达该内容，网页还是该网页，只是向下自己滑动。
实现方法：在 href 的值里写上#name,name对应id的值
下面是一个简单例子，点击颜色就会跳转到相应颜色区域
锚点例子
3.下载
作用：实现网页的下载功能
实现方法：在 href 里写上文件的地址就可以了
注意：如果你要下载的文件浏览器能够读出来，那它就不会被下载，而是会被直接打开。如果就想让浏览器下载所有文件，那就在a标签里添加一个属性download（ h5 新增属性，不兼容IE低版本），它的值写上文件的名字加后缀名
下载功能
三.此外，介绍一下a标签的颜色，给a标签换颜色也是会经常用到的，但是怎么改呢？
这里用到了“伪类”，伪类：针对元素的某种状态添加的不同样式
a :link 未访问链接的（颜色）状态
:visited访问过的链接的（颜色）状态
:hover鼠标移入（悬停）（颜色）状态
:active鼠标按下不动时候的（颜色）状态
改变a标签颜色
今天的a标签就介绍到这里，你学到了吗？
言
由于前端所设计的领域太多，每篇文章所能讲述的知识点太多，对于读者来说不太好消化，因此以后基本是采用一篇文章一个知识点来写作。
今天这篇文章主要讲解css中a标签的高度和宽度问题。
css
问题描述
在采用div+css的方式布局页面时，对于超链接a标签，无法设置其高度和宽度，即使对其设置了width和height属性，也不会生效。
我们通过如下例子来看看。
给a标签设置了如下css属性。
css属性
但是从下图可以看出，a标签的高度和宽度没有发生变化，仍然是122px*22px。
实际效果
问题原因
为什么会出现这个情况呢？
因为a标签属于行内元素，行内元素是无法直接设置高度和宽度的。
遇到这个问题，我们该怎么解决呢，主要有以下几个方法。
解决方法1-设置块级元素
既然行内元素无法设置高度和宽度，那么我们将其设置为块级元素呢？
我们对a标签设置以下的样式。
设置display:block
我们可以看出a标签的高度和宽度发生了变化，而且在设置为块级元素后，占据了一整行的位置。
高度发生变化
解决方法2-设置浮动
通过将a标签设置为浮动状态，同样可以改变其高度和宽度。
我们给a标签设置以下css样式。
设置为浮动元素
我们可以看出a标签的高度和宽度发生了变化，并且其占据的宽度和设置的width属性一样，与方法1呈现的不一样。
改为浮动元素
方法3-设置padding属性
在设置padding属性的时候，不能直接改变a标签的高度和宽度，实际是一种模拟的状态。
而且需要注意的是在设置padding-top和padding-bottom时是不生效的，即使从控制台看元素显示占据了空间，但不会影响页面的布局。因此在设置padding属性时，实际只会影响到a标签的宽度。
我们给a标签设置以下padding属性。
设置padding属性
我们可以看出a标签占据的高度和宽度发生了变化，但是实际只是宽度占据的空间发生变化，高度不变。
设置padding属性
结束语
今天这个简单的知识点：设置a标签的高度和宽度，大家都学会了吗？
*请认真填写需求信息，我们会在24小时内与您取得联系。
