028、HTML 标签2超链接,框架标签

2018-11-12 06:49:15来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

<!-- 超链接 -->
    <a href="https://www.baidu.com">baidu.com</a>
    <br/>
    <a href="mailto:abc@itcast.cn?cc=haha@sohu.com">联系我们</a>
    <br/>
    <a href="http://www.xunlei.com/bxjg4.rmvb">变形金刚4</a>
    <br/>
    <a href="thunder://lkdsajfldsajfldsajflajflksajfldsajflksajfslkajflks==">变形金刚4 迅雷下载</a>

###
超链接定位标记,比如返回顶部位置
<a name = "top">顶部位置</a>      <!--这里定义名字-->
<a href="#top">返回顶部</a>        <!-- '#' 表示本页面的那个名字位置-->

###
取消默认的点击事件,加入新的操作
<a href="javascript:void(0)" onclick="alert('I want')">xxxxxxxxxxxx</a>

 

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

下例文件结构

 

#####main.html
<!-- 对窗体上下拆分 这部分内容不在head和body里面 -->
<frameset rows="15%,*">   <!-- 拆分窗体标签 -->
    <!-- 明确上面的窗体 -->
    <frame src="top.html" noresize="noresize"/>  <!-- 明确窗体标签 -->
    
    <!-- 对下窗体进行左右拆分 -->
    <frameset cols="20%,*">
        <frame src="left.html" name="left" noresize="noresize"/>
        <frame src="right.html" name="right"/>
    </frameset>
    <frame/>
<body>
</frameset>

#####left.html
<body>
<ol type="a">
    <li><a href="../html_study/first.html" target="right">第一</a></li>
    <li><a href="../html_study/fontTest.html" target="right">第二</a></li>
    <li><a href="../html_study/HTMLb.html" target="right">第三</a></li>
    <li><a href="../html_study/login.html" target="right">第四</a></li>
</ol>
</body>

#####right.html
<h1>用于显示内容</h1>

#####top.html
<h1>我的网站LOGO</h1>


#######################
IFRAME标签:功能是在这个位置加入一个窗体
<iframe src="../html_study/login.html" height="300px" width="600px">这是iframe标签</iframe>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:web前端(4)—— 常用标签1

下一篇:web前端(6)—— 标签的属性,分类,嵌套