10-1 浮动框架iframe

HTML5页面框架示例

最新推荐文章于 2023-09-02 11:25:04 发布

转载最新推荐文章于 2023-09-02 11:25:04 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/1020182600HENG/p/7077037.html

本文展示了一个使用HTML5创建的基本页面框架示例，其中包括顶部导航栏和内嵌的iframe来展示不同页面的内容。

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>HTML5</title>
</head>
<body>
	<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
		<tr>
			<td height="24">
				<a href="tiyu.html" target="content">体育</a>
				<a href="yule.html" target="content">娱乐</a>
				<a href="caijing.html" target="content">财经</a>
			</td>
		</tr>
		<tr>
			<td height="200">
				<iframe name="content" src="tiyu.html" 
						frameborder="0" width="100%" height="200" scrolling="auto">					
				</iframe>
			</td>
		</tr>
	</table>

</body>
</html>

转载于:https://www.cnblogs.com/1020182600HENG/p/7077037.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30642267

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

BLOG域名:programb.blog.youkuaiyun.com

06-29

2921

浮动框架iframe

敲键盘的猫

04-18

7982

浮动框架式一种比较特别的框架，和frame比较类似。不过frame必须在frameset中才可以，而iframe不一样，首先，他是一种内联框架，其次，他可以放在网页中的任何位置。所以，iframe可以直接放置在中或者其他标签之中。 OK，来看下iframe的语法。简单吧。当然，还有其他的一些属性： 1）width:框架的宽度 2）height:框架的高度 3）

参与评论您还未登录，请先登录后发表或查看评论

11.1 浮动框架iframe

mmsx2017的博客

03-04

3225

一、浮动框架iframe简介浮动框架是一种较为特殊的框架，它是在浏览器窗口中嵌套的子窗口，整个页面并不一定是框架页面，但要包含一个框架窗口。框架可以完全由设计者定义宽度和高度，并且可以放置在一个网页的任何位置，这极大地扩展了框架页面的应用范围。生成的框架结构是依赖上级空间尺寸的，它的宽度或者高度必须有一个和上级框架相同。而浮动框架可以完全由指定宽度和高度决定。语法：说明： s

浮动框架iframe元素

白二的诗的博客

12-08

766

代码如下：案例1 案例2 浮动框架iframe frameborder="0" name="window" scrolling="no">这是一个浮动框架，如果您看到这一段字，请更换浏览器。 name=window是在当前窗口打开，与之相对是_blank; scrolling滚动条； scr必备属性。

Web前端基础：HTML5浮动框架.pptx

05-06

当涉及到超链接和浮动框架的联合应用时，可以通过设置`<a>`标签的`target`属性来实现目标页面在`<iframe>`中打开。例如，如果`<iframe>`的`name`属性设为`myFrame`，那么超链接可以这样写： ```html 点击打开链接 `...

HTML 使用浮动框架.doc

07-17

浮动框架是通过`<iframe>`标签实现的。 **一、设置浮动框架** 1. `<iframe>`标签的使用： `<iframe>`标签用于插入一个浮动框架，其基本语法如下： ```html <iframe name="myframe" src="a....

dw dreamwer 中浮动框架链接和框架链接有什么区别

11-29

表 10-1 浮动框架的参数设置 | 参数 | 含义 | | --- | --- | | src | 浮动框架页面的源文件地址 | | width | 浮动框架在页面中显示的宽度 | | height | 浮动框架在页面中显示的高度 | | align | 浮动框架页面在...

HTML基础：深入理解浮动框架<iframe>及其应用

浮动框架的基本语法非常简单，通常以`<iframe>`开始，以`</iframe>`结束。例如： ```html <iframe src="http://example.com" width="400" height="300"></iframe> ``` 在这个例子中，`src`属性指定了要嵌入的页面...

HTML入门：浮动框架<IFRAME>详解及应用

"页内框架，也称为浮动框架(IFRAME)，是HTML中用于在单一网页内嵌入另一个网页内容的元素。通过使用IFRAME，网页开发者可以在一个页面的不同部分展示不同的网页或者动态内容，比如广告、地图、视频等。这种技术允许...

拓展标签：iframe（浮动框架），marquee（跑马灯标签）

qq_64214481的博客

09-02

1880

浮动框架是一种较为特殊的框架，它是在浏览器窗口中嵌套的子窗口，整个页面并不一定是框架页面，但要包含一个框架窗口。< iframe>框架可以完全由设计者定义宽度和高度，并且可以放置在一个网页的任何位置，这极大地扩展了框架页面的应用范围。< frameset>生成的框架结构是依赖上级空间尺寸的，它的宽度或者高度必须有一个和上级框架相同。而< iframe>浮动框架可以完全由指定宽度和高度决定。

iframe--浮动窗口

wangruihong8的博客

09-12

7593

在上一篇文章中我们说到，frameset框架在使用时，该页面不允许出现body和body体。但有时我们需要在一个含有体的页面嵌入另外一个页面，形成画中画的效果，怎么处理？这时我们就用到iframe元素(浮动窗口) 接下来我们就以一个案例为例，介绍iframe是怎样使用的。首先先看一下最后的效果图：从这个图中我们可以看出：网页主体含有一行文字和一个嵌入的框架，并且在该嵌入的框架中显

浮动框架iframe的简单使用

weixin_42132044的博客

05-22

773

浮动框架iframe <div class="main">  <a href="https://list.tmall.com/" target="myframe">淘宝</a> <a href="https://www.baidu.com/" target="myframe">百度</a> <br /&gt

使用iframe标记在页面中嵌入浮动框架

weixin_44949150的博客

04-24

1776

浏览器窗口含有孤立的子窗口称为浮动框架基本语法： <iframe 属性名称="属性值" name="框架名称" src="资源路径"></iframe> <a href="资源路径" target="窗口名称">链接标题</a> 浮动框架属性：样例代码： ...

Web之浮动框架篇

人生苦短，我用python

09-12

4731

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浮动框架的应用</title> <style type="text/css"> /* margin为外面距的距离 */ a{width:300px; margin:0 10px;} /* ...

html入门（九）—— 浮动框架（iframe）

快乐程序猿的博客

02-11

4360

iframe标签，即浮动框架标签浮动框架是浏览器中嵌入的一个子窗口，需要设置src属性。可以设置可以设置width和height属性，以像素为单位。可以设置scrolling属性，表示是否显示滚动条，可取值为auto、yes、no。 ...

Html学习笔记4

cwj1103

07-22

873

超链接： 1 标签语法：链接文字例子：百度一下就知道 2.超链接target属性语法链接文字 target属性的值。 _self 默认方式，即在当前窗口打开链接 _blank 在一个全新的空白窗口中打开链接 _top 在顶层框架中打开链接 _parent 在当前框架的上一层里打开

iframe浮动框架详解与网页设计技巧

`<iframe>`标签的基本语法是`<iframe src="..." name="..." frameborder="..." marginwidth="..." marginheight="..." height="..." width="..."></iframe>`。其中，`src`属性定义了要加载的页面或图像的URL，`name`...