此讲座系列由校内网代码精灵推出，由站长老马主讲，同学们可以到群34157015进行提问或交流，欢迎转载，并请说明出处！ 由于有事许久都没有来讲了,在这段时间我发现在校内网经过了几次改进,增加了更强的过滤功能,基本上禁止了JS的运行,所以某些特效可能用不了,其实我们出没没有必要把精力花在这上面,只要我们把校内页面做得够炫,一定会受到其它同学的青睐的(当然这只是我认为的,呵呵),所以呢我的宗旨就是让朋友们学会HTML和CSS,然后轻松炫出自己的校内,轻松DIY自己的校内! 下面开始正题,上次咱们学到了如何在校内插入图片实际是很简单的事,今天我们来学习下网页的超链接 超链接概念:简单的说就是指向任意的一个文件(或资源)的一种方式,当然被指向的可以是文字也可以是图片,如: <a href="http://www.xnei.net" target="_blank">校内网代码精灵</a> 上面这是一种很常见很普通的超链接,其中<a>表示链接标签,href=http://www.xnei.net 表示链接到哪里?当然这里可以是相对路径、绝对路径或锚名称等，所以可以分成下面这几种情况 站外链接(由本站到其它站，用绝对路径)：<a href=http://www.xiaonei.com target="_blank">校内网</a> 站内文件链接(用相对路径即可)：<a href="../class.asp?class=男生涂鸦板代码">提取代码</a>，相对路径要根据此文件所在的位置来区分，我们也可以划分成几种情况：                  A、此文件和目标文件在同一目录即直接写文件名，如：<a href="20077723422.html">点击浏览下一篇</a>                 B、此文件在目标文件的上面，则要加上目录名称，如：<a href="http://www.xneidm.cn/post/images/none.gif">点击浏览图片</a>                 C、此文件在和目标文件同级的子目录下面，则需要加上../先返回到上级目录，再找到指定文件，如：)：<a href="../class.asp?class=男生涂鸦板代码">提取代码</a> 文件内链接：也就是从此文件的下部跳到上部或某一个位置       那么首先在某位置定义一个锚如<a name="top"></a>，然后再在链接位置用<a href="#top">顶部</a>，实际上也就是说到当前文件的TOP位置了。 其它链接：Email联系 <a href=mailto:mhl0427@163.com>发邮件给我</a>                FTP地址 <a href=ftp://xiaonei.com>打开校内FTP</a> 当然还有些其它的，朋友们可以去网上找找资料，上面仅列出一些常用的，相信把上面看懂应该不难，下面我做一个简单的例子，在校内网添加友情链接或备忘录的代码： <h3>备忘链接</H3> <ul style="list-style:inside url http://img.xiaonei.com/photos/20060825/0120/orig134820.gif)"> <li><a href="http://xiaonei.com/GetThread.do?id=516140" target=_blank>  我的藏宝箱</A><font color=#777777>　-------------------------------------------------　我的博客</font></li> <li><a href="http://www.xnei.net" target=_blank>   XNEIDM</A><font color=#777777>　--------------------------　校内网代码成品</font></li> <li><a href="http://www.xnei.cn" target=_blank>   涂鸦板成品</a><font color=#777777>　------------------------　</font></li><li>  代码交流群号:34157015<font color=#777777>　-----------------------------------------------　最近上的<font color=#ff0000></font></font></li></ul> <H3>友情链接</H3> <ul style="list-style:inside url(http://img.xiaonei.com/photos/20060825/0120/orig134820.gif)"> <li><a href="http://www.txking.cn" target=_blank>  网页特效王</A>　<font color=#777777>  ------------------------------------------------------------------------------　JS特效王</font></li></ul> 把这些代码复制到涂鸦板，我们就可以看到我们的校内里就有那个友情链接和备忘录了，我们可以把一些难记的和难得的一些网网址写进去了，呵呵，是不是很简单啊？如果有问题请联系我，BYE，下节课我们讲怎么利用表格来布局校内网版式！