先来说一下超链接,要想构成完整的超链接就是里面既有内容又有指向,例如;
<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>
前面的百度地址是一个指向,后面的图片系列是内容,运作时,还是会显示图片,包括图片的高和宽度以及显示的小标题,当鼠标点击图片时页面会跳转到百度的网页。