码迷,mamicode.com
首页 > Web开发 > 详细

HTML初步学习5

时间:2015-09-29 22:10:31      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

超链接的学习

技术分享

这是本人的小恶习,大家忽略掉内容哈。。。

1.关闭  用JavaScript脚本实现,基本上的浏览器都不会响应它,除非你允许了脚本的运行,这应该是处于了安全性考虑。至少Firefox没反应。。。

2.空链接 与 危险   空链接就是空的,点击后注意看url,但是危险链接,如果你在编辑器里查看,很有可能返回了整个目录表,不过在Firefox里,毛线都没发生。。。。

3.接下来基本小说链接使用方法都不一样

(对于内部链接,写对相对路径就可以了      如果链接上一级目录的,要用“../”)

:春花厌——最普通的,点击后页面变成春花厌的介绍

:癫狂道——新窗口打开

:焰娘——页面内书签跳转

:劫妻——页面外书签跳转

:挽香月——外部链接

:幻神劫——点击即下载

4.博客园系统通知:利用mialto发送邮件的

除了主页,别的html就没必要放了,核心代码也就是那几句话

技术分享
  1 <!doctype html>
  2 <html lang="en">
  3  <head>
  4   <meta charset="UTF-8">
  5   <title>链接</title>
  6  </head>
  7  <body>
  8   <center>
  9   <h3>黑颜小说介绍</h3>
 10   <hr color = "#EFD943" width="40%" size="+1">
 11   </center>
 12   <p><a href="javascript:window.close()">关闭</a>
 13   <p><a href="mailto:notifications@cnblogs.cc" target="_blank">博客园系统通知</a>
 14   <ul>
 15   <!--要注意链接方式的不同和打开方式的不同-->
 16   <li><a href="hy novel/春花厌.html">春花厌</a></li>
 17   <li><a href="hy novel/癫狂道.html" target="_blank">癫狂道</a></li>
 18   <li><a href="#yanniang">焰娘</a></li>
 19   <li><a href="hy novel/劫妻.html#jieqi" target="_top">劫妻</a></li>
 20   <li><a href="http://www.yqhhy.me/54/54730/index.html" target="_blank">挽香月</a></li>
 21   <li><a href="http://down1.bookbao.com/UserDown.aspx?id=XMjk2Nzc5&rnd=20150419152810" target="_blank">幻神劫·天寂(下载)</a></li>
 22   <li><a href="#">空链接</a>
 23   <li><a href="">危险</a>
 24   </ul>
 25   <a name="yanniang">
 26   <h3 color="#5490FF">焰娘</h3>
 27   <p><a href="链接.html">返回主页</a>
 28   <p><font color="#DFA342">『内容简介』</p>
 29   <font size="3.5"><pre>
 30     生死相随,心心相依,
 31   </font></pre></font></p>
 32   <p><font color="#43DF4C">
 33    <font align="center">『楔子』</font> 
 34   </p>
 35 <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp她蜷缩在稻草垛里。漫天繁星伴着一弯眉毛似的月牙儿点缀着高爽的秋夜,左方是无际的田野,阡陌纵横;右边是一片稀疏的小树林,一条清澈的小溪从树林中穿过,流向很远很远隐约可见的大江。在草垛的不远处,是一个有四五十户人家的小村落,此时偶尔可听见犬吠,人声早已消寂。
 36 <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp她钻出草堆,抖了抖身上的草屑,提气纵身向树林扑去。这里已不适合休息,她只好另觅他处。 
 37   </font>
 38   </a>
 39  </body>
 40 </html>
 41 
超链接

HTML初步学习5

标签:

原文地址:http://www.cnblogs.com/puluotiya/p/4847366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!