当前位置 : IT培训网 > Web前端 > Web教程 > HTML框架是一类什么样的技术

HTML框架是一类什么样的技术

时间:2016-12-05 11:35:07  来源:web前端培训网  作者:IT培训网  已有:名学员访问该课程
标签(Tag):   html(100)HTML框架(4)
这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它们能够允许我们用更少的时间和精力去创建一个令人惊艳的网站。下面就让我们一起来学习下这个技术吧!

框架是什么呢,这个技术对网页有什么作用呢,如何使用html框架技术呢,对于h5框架来说,它是一类有助于快速快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它们能够允许我们用更少的时间和精力去创建一个令人惊艳的网站。下面就让我们一起来学习下这个技术吧!

HTML 框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

HTML iframe 标签

标签

说明

<iframe>

定义一个内联的iframe

 

iframe语法:

<iframe src="URL"></iframe>

该URL指向不同的网页。

Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%").

实例

<iframe src=" http://www.cnitedu.cn/qianduan/" width="200" height="200"></iframe>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(www.cnitedu.cn)</title>

</head>

<body>

<iframe src="http://www.cnitedu.cn/qianduan/" width="500" height="200"></iframe>

<p>一些旧的浏览器不支持 iframe。</p>

<p>如果浏览器不支持 iframes 则不会显示。</p>

</body>

</html>

运行结果:

HTML框架是一类什么样的技术_www.cnitedu.cn

一些旧的浏览器不支持 iframe。

如果浏览器不支持 iframes 则不会显示。

Iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 "0" 移除iframe的边框:

实例

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(www.cnitedu.cn)</title>

</head>

<body>

<iframe src="http://www.cnitedu.cn/qianduan/" width="500" height="200" frameborder="0">

 <p>您的浏览器不支持  iframe 标签。</p>

</iframe>

</body>

</html>

运行结果:

HTML框架是一类什么样的技术_www.cnitedu.cn

使用iframe来显示目录链接页面

iframe可以显示一个目标链接的页面

目标链接的属性必须使用iframe的属性,如下实例:

实例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.www.cnitedu.cn" target="iframe_a">WWW.CNITEDU.CN</a></p>

源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培训网(www.cnitedu.cn)</title>

</head>

<body>

<iframe src="http://www.cnitedu.cn/" name="iframe_a"></iframe>

<p><a href=http://www.cnitedu.cn/" target="iframe_a">http://www.cnitedu.cn</a></p>

<p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p>

</body>

</html>

运行结果:

HTML框架是一类什么样的技术_www.cnitedu.cn

http://www.cnitedu.cn

注意: 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
Web 教程
1、HTML 教程
1.1 HTML 简介
1.2 HTML 编辑器
1.3 HTML 基础
1.4 HTML 元素
1.5 HTML 属性
1.6 HTML 标题
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 链接
1.10 HTML 头部
1.11 HTML CSS
1.12 HTML 图像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 区块
1.16 HTML 布局
1.17 HTML 表单
1.18 HTML 框架
1.19 HTML 颜色
1.20 HTML 颜色名
1.21 HTML 颜色值
1.22 HTML 脚本
1.23 HTML 字符实体
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 总结
1.27 HTML 简介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 浏览器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 内联 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(视频)
2.10 HTML5 Audio(音频)
2.11 HTML5 Input 类型
2.12 HTML5 表单元素
2.13 HTML5 表单属性
2.14 HTML5 语义元素
2.15 HTML5 Web 存储
2.16 HTML5 Web SQL
2.17 HTML5 应用程序缓存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代码规范
3、HTML 媒体
3.1 HTML 媒体(Media)
3.2 HTML 插件
3.3 HTML 音频(Audio)
3.4 HTML视频(Videos)播放