博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
第三堂课
阅读量:5942 次
发布时间:2019-06-19

本文共 1424 字,大约阅读时间需要 4 分钟。

先来说一下超链接,要想构成完整的超链接就是里面既有内容又有指向,例如;

<a href="http://www.baidu.com">内容</a>         a与href之间必须加空格   href是属性 href="http://www.baidu.com"是指向

当超链接制作完成时,点击页面出现的内容就会跳转到百度的页面

若<a href="#">内容</a>  "#"是自身页面,当点击内容是,会跳转到自身页面相当于刷新

如果超链接指向一个文件,比如.txt  图片  网页文件等浏览器能打开的,那做的这个超链接就可以直接打开

如果超链接指向一个文档,游览器打不开的,那这个超链接就会提示下载

这两种情况都针对于a href=后面会出现浏览,随便选择一个文件或文档就可以,到时会出现文件的路径

当制作过程中,点击超链接出现 Not Found或404  都是出现错误,页面没有找到

<a>还可以用来做锚点,举个例子;

<div>

<a href="#m1">跳转到模块一</a>

<a href="#m2">跳转到模块一</a>

<a href="#m3">跳转到模块一</a>

</div>

<a name="m1"><h1>模块一</h1></a>

<p>内容。。。。。</p>

<a name="m2"><h1>模块二</h1></a>

<p>内容。。。。。</p>

<a name="m3"><h1>模块三</h1></a>

<p>内容。。。。。</p>

这个例子的大致意思就是 ,先从标题来说,模块一,下面是内容,模块二下面是内容,当模块和内容较多时,下拉找比较麻烦,这时候就做个锚点,做到上面去,比如<a href="#m1">跳转到模块一</a>   出现的内容就是跳转到模块一, 需要用到#  当前目录的等于刷新的意思,如果<a href="#m6">跳转到模块六</a>,这时候,从首页到模块六中间可能有很多内容,得下拉一段距离才能找到,但是做好锚点后,可以点击跳转到模块六,当前页面会刷新一次,直接跳到模块六的内容上去,制作的跳转页面那一块可以用<div></div>来充当个容器,把它装起来,在这里也可以不写

当写比较多代码时,注意规范,以便养成规范写代码的好习惯

最后再说一下,在网页上放入图片以及做图片超链接

又学到一个新的单标签<img/>单标签元素

<img src="图片的路径” width=“200” height=“200” alt=“给图片起个名字” title="给图片起个小标题"/>

来分析一下,src是来源的缩写  width是指图片的宽度 height是图片的高度 alt是当图片出错或加载不出来时才会出现的,如果alt=“鲜花”,图片没有加载出来,这时图片的位置就会出现鲜花这两个字   title是当鼠标放在这张图片上出现的小标题

可以把图片制作为超链接<a href="http://www.baidu.com"><img src="图片路径" width="200"height="200 alt="给图片起个名字" title="给图片起个小标题"/></a>

前面的百度地址是一个指向,后面的图片系列是内容,运作时,还是会显示图片,包括图片的高和宽度以及显示的小标题,当鼠标点击图片时页面会跳转到百度的网页。

转载于:https://www.cnblogs.com/qishuang/p/6010663.html

你可能感兴趣的文章
关卡CyclicBarrier的使用
查看>>
用好这6个新功能,让你的项目设计事半功倍
查看>>
第一篇,试试功能如何
查看>>
成为男人眼中魅力女人的十大要素
查看>>
Python(四)IP代理
查看>>
louboutin france jambe allongement lignes
查看>>
TestBird频现国内手游“盛宴” 开发商互相介绍用得很赞
查看>>
以太坊PHP离线交易开发包
查看>>
linux运维人员必须熟悉的运维工具汇总
查看>>
在PHPStorm中支持ThinkPHP代码提示
查看>>
Linux文件压缩与归档
查看>>
Linux下LAMP环境的安装之编译安装过程(五)
查看>>
我的友情链接
查看>>
Java 对象锁和类锁全面解析
查看>>
@staticmethod 和@classmethod 方法
查看>>
ulimit 修改
查看>>
onclick事件执行2次
查看>>
开源项目的最佳实践
查看>>
TCPView for Windows
查看>>
我的友情链接
查看>>