经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTMLCSS » CSS » 查看文章
028、HTML 标签2超链接,框架标签
来源:cnblogs  作者:_nbloser  时间:2018/11/9 22:24:45  对本文有异议

内容:超链接,框架标签
##############################################################

  1. <!-- 超链接 -->
  2. <a href="https://www.baidu.com">baidu.com</a>
  3. <br/>
  4. <a href="mailto:abc@itcast.cn?cc=haha@sohu.com">联系我们</a>
  5. <br/>
  6. <a href="http://www.xunlei.com/bxjg4.rmvb">变形金刚4</a>
  7. <br/>
  8. <a href="thunder://lkdsajfldsajfldsajflajflksajfldsajflksajfslkajflks==">变形金刚4 迅雷下载</a>
  9. ###
  10. 超链接定位标记,比如返回顶部位置
  11. <a name = "top">顶部位置</a> <!--这里定义名字-->
  12. <a href="#top">返回顶部</a> <!-- '#' 表示本页面的那个名字位置-->
  13. ###
  14. 取消默认的点击事件,加入新的操作
  15. <a href="javascript:void(0)" onclick="alert('I want')">xxxxxxxxxxxx</a>

 

##################################################################################3
框架标签
<!--
框架标签的特点:可以将浏览器窗口分隔成多个子窗体,每个子窗体都可以显示一个单独的资源(网页,图片)
<frameset>:将窗体分隔
<frame>:子窗体标签
注意这部分内容不在head里面也不在body里面

下例文件结构

 

  1. #####main.html
  2. <!-- 对窗体上下拆分 这部分内容不在headbody里面 -->
  3. <frameset rows="15%,*"> <!-- 拆分窗体标签 -->
  4. <!-- 明确上面的窗体 -->
  5. <frame src="top.html" noresize="noresize"/> <!-- 明确窗体标签 -->
  6. <!-- 对下窗体进行左右拆分 -->
  7. <frameset cols="20%,*">
  8. <frame src="left.html" name="left" noresize="noresize"/>
  9. <frame src="right.html" name="right"/>
  10. </frameset>
  11. <frame/>
  12. <body>
  13. </frameset>
  14. #####left.html
  15. <body>
  16. <ol type="a">
  17. <li><a href="../html_study/first.html" target="right">第一</a></li>
  18. <li><a href="../html_study/fontTest.html" target="right">第二</a></li>
  19. <li><a href="../html_study/HTMLb.html" target="right">第三</a></li>
  20. <li><a href="../html_study/login.html" target="right">第四</a></li>
  21. </ol>
  22. </body>
  23. #####right.html
  24. <h1>用于显示内容</h1>
  25. #####top.html
  26. <h1>我的网站LOGO</h1>
  27. #######################
  28. IFRAME标签:功能是在这个位置加入一个窗体
  29. <iframe src="../html_study/login.html" height="300px" width="600px">这是iframe标签</iframe>

 

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号