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

<!-- 超链接 -->

    <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. map映照容器（常用的使用方法总结）

    map映照容器的数据元素是由一个键值和一个映照数据组成的,键值和映照数据之间具有一一对应的关系.map与set集合容器一样,不允许插入的元素的键值重复. /*关于C++STL中map映照容器的学习,看 ...

  2. 网络之XML解析－GData

    GDataXML是一套Google使用Objective-C开发的DOM方式XML解析类库,支持读取和修改XML文档,支持XPath方式查询, GDataXML 是 iOS 下的一款轻量级 XML 解 ...

  3. [编程] TCP协议概述

    TCP 协议概述 1.TCP提供一种面向连接的.可靠的字节流服务. 2.两个应用程序通过TCP连接交换8bit字节构成的字节流. 3.每个TCP首部都包含源端和目的端的端口号,用于寻找发端和收端应用进 ...

  4. Redis字符串操作

      字符串命令 (基本用法) GET : 获取给定键的值 SET : 设置给定键的值 DEL : 删除给定键的值(这个命令可以用于任何类型) (自增命令和自减命令) INCR : INCR key-n ...

  5. jQuery补充知识点

    链式编程 通常情况下,只有设置操作才能把链式变成延续下去.因为获取 操作的时候,会返回获取到的响应的值,无法反对jQuery对象. //end(); 筛选选择器会改变jQuery对象的DOM对象,想要 ...

  6. 安装jdk出现问题:Error opening registry key'software\Javasoft\Java Runti...

    重装系统后发现jdk没有了,重新安装了,装一个其实挺容易的,但是“java -version”回车的时候,“啪”,error: Error opening registry key'software\ ...

  7. SQL SERVER 查看SQL语句IO,时间，索引消耗

    1.查看SQL语句IO消耗 set statistics io on     select * from dbo.jx_order where order_time>'2011-04-12 12 ...

  8. 初识vuex vuex 的基本用法

    Vuex 是什么? 官方是这么说的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 一个完 ...

  9. nodejs 通过nginx后出现响应慢的解决方法

    最近用了nodejs搭建服务器,然后用了nginx做了反向代理,项目开发需求,没办法.但是发现了经过代理之后发现网页请求变慢了,而且是不能忍的一分钟以上. 一开始,怀疑是在nodejs那边的问题,结果 ...

  10. IDEA项目搭建五——使用JRebel插件实现IDEA热部署

    使用IDEA开发时修改了html或js或java代码都需要编译启动浪费了很多时间,所以可以借助热部署插件实现自动编码,每次修改完代码保存后就可以刷新页面看效果很方便,热部署工具有很多在此只推荐JReb ...