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

<!-- 超链接 -->

    <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. es6学习笔记9--函数的扩展

    函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,为了避免这个问题,通常需要先判断一下参数y是否被赋值,如果没有,再等于默认值. ES6允许为函数的参数设置默认值,即直接写在参 ...

  2. 并发编程之 CountDown 源码分析

    前言 Doug Lea 大神在 JUC 包中为我们准备了大量的多线程工具,其中包括 CountDownLatch ,名为倒计时门栓,好像不太好理解.不过,今天的文章之后,我们就彻底理解了. 如何使用? ...

  3. 【转载】图片 CSS：怎样才能 “响应式 + 固定宽高比例”？

    自己根据项目需要,把代码摘了出来 <div class="img-box"></div> .img-box{ height:0; padding-botto ...

  4. Git 使用SSH密钥操作

    git使用ssh密钥 git支持https和git两种传输协议,github分享链接时会有两种协议可选: git协议链接图例 : ↓ https协议链接图例:↓ git使用https协议,每次pull ...

  5. springboot中使用mybatis之mapper

    Spring Boot中使用MyBatis传参方式:使用@Param@Insert("INSERT INTO USER(NAME, AGE) VALUES(#{name}, #{age})& ...

  6. centos下MySQL Workbench连接时崩溃的解决方法

    在centos6.5中使用MySQL Workbench 6.3.8链接数据库崩溃,如果是在终端使用命令“mysql-workbench”打开的话会有如下错误提示: /usr/libexec/mysq ...

  7. ORACLE查看数据库已安装补丁

    cd $ORACLE_HOME ./opatch lsinventory :}

  8. Linux常用基本命令(软链接与硬链接 )

    硬链接:相当于文件的多个入口,作用:备份文件,创建快照等 软链接:相当于windows的快捷方式 命令格式: ln option 源文件 目标文件 -s: 创建软链接 1,创建硬链接: ghostwu ...

  9. Date类型错误

    今天写代码的时候遇到一个很蛋疼的问题,明明实体类写的是Date型,文本框也是date型,数据库中对应的列是dateTime类型,这原本进行数据录入或者是修改这个操作是不应该出错的,但是一时没找到解决的 ...

  10. Django使用多个数据库

    一.定义数据库 使用Django的多个数据库的第一步是告诉Django将使用的数据库服务器. 这是使用DATABASES设置完成的. 此设置将数据库别名映射到该特定连接的设置字典,该数据库别名是一种在 ...