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

<!-- 超链接 -->

    <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. PBN飞越转弯Flyover衔接DF航段保护区组图

    PBN飞越转弯Flyover衔接DF航段,是飞越转弯中最常用的形态. Flyover-DF保护区叠加图: Flyover-DF保护区分解图:

  2. [转]Vue.js 入门教程

    本文转自:http://www.runoob.com/w3cnote/vue-js-quickstart.html 什么是 Vue.js? Vue.js 是用于构建交互式的 Web  界面的库. Vu ...

  3. openssh升级到openssh-7.5p1踩坑

    环境:ubuntu 需要的安装包: http://zlib.net/   zlib 1.2.11最新版 http://www.linux-pam.org/library/   pam 1.3.0 ht ...

  4. [javaSE] 集合框架（体系概述）

    为什么出现集合类 为了方便对多个对象的操作,对对象进行存储,集合就是存储对象最常用的一种方式 数组和集合的不同 数组是固定长度的,集合是可变长度的 数组可以存储基本数据类型,集合只能存储对象 数组只能 ...

  5. MyBatis开发Dao层的两种方式（原始Dao层开发）

    本文将介绍使用框架mybatis开发原始Dao层来对一个对数据库进行增删改查的案例. Mapper动态代理开发Dao层请阅读我的下一篇博客:MyBatis开发Dao层的两种方式(Mapper动态代理方 ...

  6. 关于List、Map循环时，进行删除的结论

    通过一些测试发现,List 使用for(int i=0;i<list.size();i++),可以正常删除,不会抛出异常:使用增强for循环,for(String x:list)会抛出Concu ...

  7. 自定义高级版python线程池

    基于简单版创建类对象过多,现自定义高级版python线程池,代码如下 #高级线程池 import queue import threading import time StopEvent = obje ...

  8. JS 模块 p6

    利用了闭包的模块: 简单模块例子: function fn(){ ; function y(){ console.log(x); } return { y:y} }var do1 = fn() do1 ...

  9. git 本地安装

    一.基本安装 1.下载Git   官方地址为:https://git-scm.com/download/win 2.下载完之后,双击安装,全部选择默认. 3.选择安装目录 4.选择组件 5.开始菜单目 ...

  10. DOM基础练习代码（二）

    上一篇给大家的三段代码不知到大家有没有练习呢?今天再给大家带来两段DOM的练习! 4.封装函数,实现children功能,最好哎原型链上编程 Element.prototype.getChildren ...