HTML学习3--框架网页

简介:

 1.框架的基本概念:http://www.w3school.com.cn/

 

2.框架的基本结构:

 

注意事项:1.框架网页是没有body的!!!!

 

 
 
  1. <html> 
  2. <head> 
  3.     <meta http-equiv="Content-Type" content="text/html;charset=GBK" /> 
  4.     <title>框架网页-cols</title> 
  5. </head> 
  6.     <frameset rows="80,*" border="5"> 
  7.         <frame name="top" src="top.html"/> 
  8.         <frameset cols="400,*"> 
  9.             <frame name="left" src="http://www.baidu.com"/> 
  10.             <frame name="right" src="http://www.google.com.hk"/> 
  11.         </frameset> 
  12.     </frameset> 
  13. </html> 

注意事项:如果你想让框架网页之间的边框消失,要在frame标签中加上frameborder="0"这个属性!!


如果你不想框架网页之间的边框可以被随意拖动,那么你需要再frame标签中加上noresize="noresize"这个属性!

 

eg.

 
 
  1. <html> 
  2. <head> 
  3.     <meta http-equiv="Content-Type" content="text/html;charset=GBK" /> 
  4.     <title>框架网页-cols</title> 
  5. </head> 
  6.     <frameset rows="80,*" border="5"> 
  7.         <frame name="top" src="http://www.sina.com" frameborder="0"/> 
  8.         <frameset cols="400,*"> 
  9.             <frame name="left" src="http://www.baidu.com" frameborder="0"/> 
  10.             <frame name="right" src="http://www.w3school.com.cn/" frameborder="0" noresize="noresize"/> 
  11.         </frameset> 
  12.     </frameset> 
  13. </html> 

3.框架网页中的超链接:

 

target="blank" → 新窗口


target="parent" → 父窗口


target="right" → 去框架中的某个name="right"的窗口。当然,还可以有left,top等。

 

3.当你想在普通网页中引入其他的网页时,可以用iframe这个标签!

用法:

 

 
 
  1. <html xmlns="http://www.w3.org/1999/xhtml"> 
  2. <head> 
  3.     <meta http-equiv="Content-Type" content="text/html;charset=GBK" /> 
  4.     <title>iframe</title> 
  5. </head> 
  6. <body> 
  7.     <iframe src="http://www.baidu.com" frameborder="2" width="200" height="200" scrolling="no"/> 
  8. </html> 

它的一些属性:

 

 

 



     本文转自韩立伟 51CTO博客,原文链接:http://blog.51cto.com/hanchaohan/927271,如需转载请自行联系原作者








目录
打赏
0
0
0
0
348
分享
相关文章
HTML5实现好看的劳动节网页源码
HTML5实现好看的劳动节网页源码,劳动节网页,劳动节网页源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、劳动节介绍、劳动节由来、劳动节习俗、劳动节文化、劳动节活动、劳动节故事、劳动节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
46 4
|
22天前
|
HTML5实现好看的中秋节网页源码
HTML5实现好看的中秋节网页源码,中秋节网页,中秋节网页源码,节日网页大作业,作业源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、中秋节介绍、中秋节由来、中秋节习俗、中秋节文化、中秋节美食、中秋节故事、中秋节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
44 0
HTML5实现好看的中秋节网页源码
HTML5实现好看的端午节网页源码
HTML5实现好看的端午节网页源码,包含十个页面:网站首页、端午节介绍、由来、习俗、文化、美食、故事、民谣、联系我们及登录/注册。页面设计简洁美观,内容丰富,兼容手机端,代码规范且注释完整,易于扩展和修改。提供完整的源码下载和视频演示,方便学习和使用。
48 2
网页 HTML 自动播放下一首音乐
在 HTML5 中实现自动播放下一首音乐,通过管理音乐列表、操作音频元素和监听事件完成。创建包含多个音乐链接的列表,使用 `&lt;audio&gt;` 元素加载音乐,监听 `ended` 事件,在当前音乐结束时自动播放下一首。示例代码展示了如何使用 JavaScript 实现这一功能,确保无缝切换音乐。
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
343 0
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
3月前
HTML在线扫雷游戏网页源码
HTML在线扫雷游戏网页源码是一款基于HTML+CSS+JavaScript开发的在线扫雷小游戏单页源码,为用户提供了一个无需安装即可在浏览器中直接玩的扫雷游戏。该游戏的源码不仅包含了完整的游戏逻辑,还具备丰富的界面设计和用户交互功能,使得玩家能够轻松上手并享受扫雷带来的乐趣。
163 22
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
167 2
利用 html_table 函数轻松获取网页中的表格数据
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)