内容：超链接，框架标签
##############################################################

<!-- 超链接 -->

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

028、HTML 标签2超链接，框架标签的更多相关文章

  1. 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明：来源于网络]

    第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...

  2. javaweb之框架标签(day1 框架标签的使用)

    框架标签 <frameset> --rows:按照行进行划分<frameset rows='80,*'> --rows:按照列进行划分<frameset cols='80 ...

  3. 详解HTML的a标签（超链接标签）

    原文 简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4 ...

  4. [19/05/17-星期五] HTML_body标签(内嵌标签)和框架标签

    一.内嵌标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!- ...

  5. HTML - 框架标签相关

    <html> <head></head> <!-- frameset 框架标签 cols : 按照列进行区域的切分 rows : 按照行进行区域的切分 fra ...

  6. HTML框架标签

    与HTML框架有关的标签主要有三种: <frameset>框架结构标签 <frame>框架标签 <iframe>内联框架标签 一. 先来说第一种框架结构标签 < ...

  7. 超链接a标签的属性target的可选值有哪些以及区别

    超链接a标签的属性target的可选值有哪些以及区别 1.<a target="_blank"></a> 2.<a target="_par ...

  8. html中的div span和frameset框架标签

    Div和span 1.      div独占一层,由div九不允许有别的. 2.      span标签不是独自占用一行,span一般用来设置字体. 框架标签: 什么是框架标签,就是把一个页面分成很多 ...

  9. 从零开始学Web之HTML（二）标签、超链接、特殊符号、列表、音乐、滚动、head等

    大家好,这里是 Daotin 从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享 ...

随机推荐

  1. 解析js中( ( ) { } ( ) )的含义

    //实例var tensquared=(function(x) { return x*x; }(10)); 首先我们来拆解这一行语句: 一. var tensquared = xx; 这是赋值语句: ...

  2. [总结]其他杂项数学相关（定理&证明&板子）

    目录 写在前面 一类反演问题 莫比乌斯反演 快速莫比乌斯变换(反演)与子集卷积 莫比乌斯变换(反演) 子集卷积 二项式反演 内容 证明 应用举例 另一形式 斯特林反演 第一类斯特林数 第二类斯特林数 ...

  3. MyBatis空where拦截器

    最近项目中出现了至少两次因为Mybatis的动态where条件不满足导致实际sql语句的where条件为空,进而查询全表,当数据量比较大的时候,导致OOM的情况. 如何禁止这种情况,个人觉得三种措施: ...

  4. C# List集合基础操作

    这里介绍一下C# list的基础操作: 去重.差集.并集.交集 下面,我们看看例子.我们创建了一个User实体,包含两个list,User实体如果Id相等,则相等. users1是id 1到4的集合, ...

  5. 使用 Swagger UI 与 Swashbuckle 创建 RESTful Web API 帮助文件(转)

    作者:Sreekanth Mothukuru2016年2月18日 本文旨在介绍如何使用常用的 Swagger 和 Swashbuckle 框架创建描述 Restful API 的交互界面,并为 API ...

  6. Hashmat the brave warrior（UVa10055）简单题

    Problem A Hashmat the brave warrior Input: standard input Output: standard output Hashmat is a brave ...

  7. ubuntu下安装 Sublime Text 3 及 PlantUML 绘图插件

    ubuntu下只想做C++的程序代码编写,最开始选择了codeblock,主要目的是安装简单,集成度高,还可以调试,但是用的时候老是无故退出,改了半天的代码就这样丢失,挺苦恼的,可能跟自己装的系统比较 ...

  8. 'QuerySet' object has no attribute '_meta'

    'QuerySet' object has no attribute '_meta' 对象列表没有'_meta'属性 单独的对象才有, 忘记加first了 edit_obj = models.Role ...

  9. MySQL的事务的处理

    步骤: 1.开启事务 start transaction 当我们开启一个事务的时候,我们对sql的操作都发生在内存中,但是没有真正的反馈到数据库磁盘的文件中! 2.回滚 rollback 回滚,就是恢 ...

  10. CSS 水平居中和垂直居中

    1.水平居中——行内元素 text-align: center; 2.水平居中——定宽块状元素 margin: auto,满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto” ...