HTML 超链接a及iframe框架标签实例讲解
时间:2018-11-10
本文章向大家介绍HTML 超链接a及iframe框架标签实例讲解,需要的朋友可以参考一下
内容:超链接,框架标签
##############################################################
<!-- 超链接 --> <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>
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- 6种展示代码的绝佳方式
- 你电脑里的IE浏览器正在被黑客利用
- 浙大版《C语言程序设计(第3版)》题目集 习题6-8 统计一行文本的单词个数
- 浙大版《C语言程序设计(第3版)》题目集 练习7-2 求最大值及其下标
- 浙大版《C语言程序设计(第3版)》题目集 练习7-3 将数组中的数逆序存放
- CycleGan人脸转为漫画脸,牛掰的知识又增加了!| 附代码
- 浙大版《C语言程序设计(第3版)》题目集 练习7-4 找出不是两个数组共有的元素
- 浙大版《C语言程序设计(第3版)》题目集 练习7-7 矩阵运算
- 系统之眼!Linux系统性能监控工具Glances
- 浙大版《C语言程序设计(第3版)》题目集 练习7-8 方阵循环右移
- 浙大版《C语言程序设计(第3版)》题目集 练习7-9 计算天数
- 浙大版《C语言程序设计(第3版)》题目集 练习7-10 查找指定字符
- 浙大版《C语言程序设计(第3版)》题目集 练习7-11 字符串逆序
- 浙大版《C语言程序设计(第3版)》题目集 习题7-1 选择法排序
- 浙大版《C语言程序设计(第3版)》题目集 习题7-2 求一批整数中出现最多的个位数字