第三堂课

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

<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>

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