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

<!-- 超链接 -->

    <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. VS2012 编译报错：找不到编译动态表达式所需的一个或多个类型。是否缺少引用?

    今天编译公司项目,原本项目是3.5,由于现在要用到dynamic ,把target 改为4.0 ,编译时 报错误  “找不到编译动态表达式所需的一个或多个类型.是否缺少引用?”,然后根据另一个提示排错 ...

  2. sqlserver C# 数据类型对照表（转载）

    数据库中字段类型对应C#中的数据类型: 数据库                 C#程序 int int32 text string bigint int64  或 longbinary System ...

  3. http Socket长连接

    文档:http://www.cocoachina.com/ios/20160602/16572.html socket(套接字)是通信的基石,是支持TCP/IP协议的网络通信的基本操作单元,包含进行网 ...

  4. 24.Linux-Nand Flash驱动(分析MTD层并制作NAND驱动)

    1.本节使用的nand flash型号为K9F2G08U0M,它的命令如下: 1.1我们以上图的read id(读ID)为例,它的时序图如下: 首先需要使能CE片选 1)使能CLE 2)发送0X90命 ...

  5. Java基础——String类（二）

    今天做了几道String常见操作.先来几个代码实例: 例一:此方法,仅把字符串前后出现的空格去掉了,中间部分不会. class TestTrim { public static void main(S ...

  6. 撩课-Web大前端每天5道面试题-Day34

    1.React 中 keys 的作用是什么? Keys 是 React 用于追踪哪些列表中元素被修改.被添加或者被移除的辅助标识. render () { return ( <ul> {t ...

  7. Java - "JUC线程池" 架构

    Java多线程系列--“JUC线程池”01之 线程池架构 概要 前面分别介绍了"Java多线程基础"."JUC原子类"和"JUC锁".本章介 ...

  8. JSP学习笔记（7）-JSP的文件操作

    1.File类 File对象用来获取文件本身的一些信息,例如文件所在目录,文件的长度,文件读写权限等,不涉及文件的读写操作. 创建一个File对象的构造方法有3个: File(String filen ...

  9. js-ES6学习笔记-Promise对象

    1.Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大. 2.所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作) ...

  10. input radio单选框样式优化

    HTML代码: <form> <div> <input id="item1" type="radio" name="it ...