web入门篇html—讨论a标签的几个作用

[b]目标：掌握a标签的src和target属性[/b]

1丶跳转新页面

例如<a href="http://www.baidu.com">百度</a>

打开页面点击百度，页面就会跳转百度

这时候如果我们没设置浏览器默认打开网页的方式，这时候就会在当前窗口打开
倘若我们想在新窗口打开，这时候我们改变代码

<a href="http://www.baidu.com" target="_blank">百度</a>

我们可以看到我们为a标签的target属性等于了_blank，那么target可以等于哪些值呢

       "_blank"：新窗口打开
       "_self" :当前窗口打开(target不设置值,浏览器默认打开方式为_self)
        -------------------------------------------------------------后面两个我们后面会谈到，这里暂时不讨论
       "_parent":父级窗口打开
       "_top":*窗口打开

2丶放入图片地址

这里我们可以放入图片的地址,我们可以在网上找一张图片，鼠标右键点击图片，选择复制图片地址

<a href="https://www.baidu.com/img/bd_logo1.png?where=super">百度logo</a>

点击百度logo，页面会显示这张图片—这时候我们也会发现图片会在本窗口打开，若想在新窗口打开，方法同1。

这时候我们又会疑惑了，我打开的都是别人服务器的里资源，不理解服务器的小伙伴可以网络搜索一下，这里先
理解成我们都是打开别人的网页或者图片，我们想打开自己写的页面或者图片呢，我们同样让src等于自己的html文件的路径和图片路径
。路径分为相对路径和绝对路径，绝对路径可以简单理解为就是网上资源或者你磁盘的路径。
相对路径就是相对你写这个html文件的路径 回到父级目录 …/，当前目录 ./， 根目录/。

3丶锚点定位

让src=另一个标签的id值，放代码

<div id="kkk">啊哈</div>
<p id="p1">口味真重啊</p><p>无</p><p>敌</p><p>是</p>
<p id="p2">我是一个p</p><p>多</p><p>么</p><p>寂</p>
<p id="p3">我是一个p</p><p>默</p><p>,</p><p>无</p><p>敌</p>
<p id="p4">我是一个p</p><p>是</p><p>多</p><p>么</p>
<p id="p5">我是一个p</p><p>空</p><p>虚</p><p>。</p>
<p id="p6">我是一个p</p>
<p id="p7">我是一个p</p>
<a href="#kkk">娘子</a>
<a href="#p1">我想找到p</a>

(由于讲的html基础篇，你们就会发现这里就会发现我放了很多p，哈哈，这是我为了是让浏览器产生滚动条，而不是我真的有很p。我们可以产生下面的小效果)
你可以发现，当你点击娘子，浏览器就给你啊哈了，当然你想闻个屁，浏览器也会给你的，不用怀疑，哼哼。利用a标签的这个特性我们可以做回到顶部，快速定位到网页小分栏的效果.

4丶打开电话本

<a href="tel:110">警察叔叔，呼叫支援</a>

把你的html放入手机，然后打开，当我们遇到危险，我们让警察叔叔支援，浏览器下方就会显示是否打开电话本(如果没有，可能关闭了浏览器权限)，当我们选择打开，手机就会打开电话本并显示为110。

当然，你们这些打脑壳得，当我们真正遇到危险，不要选择这种鬼迷日眼的方法哈。
还有就是，当我们成功打开了电话本，没有事不要给警察叔叔打电话，当当当当，*第nnn条法律规定，谎报…，造成警力资源浪费，处罚----咳咳，我相信你们比我懂法律，你们都是懂事的小宝宝

5丶邮箱

<a href="mailto:你的电子邮箱">我想发送一封电子邮件</a>

----电脑需要下载特定的邮箱软件–一般不用，后期升入学习利用node.js发送
----后面两个涉及后面的
6丶写Javascript代码-----这里不讲，代码结构化功能模块化太差。

但如果想要提示后面工作中的同事，这个a标签只是用来做一个花里胡哨的js特效，不用来跳转嗯哼的小页面或者图片
那你可以

<a href="javascript:">gaga</a>

7丶发送与后台交互的请求----这里不提

8丶拓展：iframe(框架)配合

代码放在这儿，大家可以试一下。

<a href="http://www.baidu.com" target="gaga">百度</a>
<a href="http://www.jd.com" target="gaga">京东</a>
<a href="http://dameigong.cn/inspiration/web/" target="gaga">大美工</a>
<a href="https://www.w3cschool.cn/" target="gaga">w3c</a>
<iframe src="" frameborder="1" name="gaga">

奇了怪了，我刚刚不是说了，target能放那_blank,_self,_top,_parent吗 为什么能放gaga呢，是我吃饱了gaga，还是真的可以gaga
咋们下回分晓
下个星期我们详细讲iframe标签和a标签的配合，and表单，and表格。
小伙伴觉得这里还可以补充，或者有说错的地方，欢迎道友指出来!
共勉!!!