整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML简单的 <iframe> 标签

标记一个内联框架:

<iframe src="http://www.runoob.com"></iframe>


浏览器支持

所有主流浏览器都支持 <iframe> 标签。


标签定义及使用说明

<iframe> 标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。


提示和注释

提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器。

提示:使用 CSS 为 <iframe> (包括滚动条)定义样式。


HTML 4.01 与 HTML5之间的差异

HTML5 新增了一些新的属性,同时去掉了 HTML 4.01 中的一些属性。


HTML 与 XHTML 之间的差异

在 XHTML 中,name 属性已被废弃,并将被去掉。请使用 id 属性代替。


属性

New :HTML5 中的新属性。

属性描述
alignleftrighttopmiddlebottomHTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的元素来对齐 <iframe>。
frameborder10HTML5 不支持。规定是否显示 <iframe> 周围的边框。
heightpixels规定 <iframe> 的高度。
longdescURLHTML5 不支持。规定一个页面,该页面包含了有关 <iframe> 的较长描述。
marginheightpixelsHTML5 不支持。规定 <iframe> 的顶部和底部的边距。
marginwidthpixelsHTML5 不支持。规定 <iframe> 的左侧和右侧的边距。
namename规定 <iframe> 的名称。
sandboxNew""allow-formsallow-same-originallow-scriptsallow-top-navigation对 <iframe> 的内容定义一系列额外的限制。
scrollingyesnoautoHTML5 不支持。规定是否在 <iframe> 中显示滚动条。
seamlessNewseamless规定 <iframe> 看起来像是父文档中的一部分。
srcURL规定在 <iframe> 中显示的文档的 URL。
srcdocNewHTML_code规定页面中的 HTML 内容显示在 <iframe> 中。
widthpixels规定 <iframe> 的宽度。

全局属性

<iframe> 标签支持 HTML 的全局属性。


事件属性

<iframe> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

天开始小编将会给大家讲解HTML的入门知识以及做项目会遇到的某些问题以及如何解决此类问题的方法。说道网页设计,HTML是我们必不可少的一部分。基础网页的构成,无论怎么变幻,都是由原声的HTML代码组成构成网页。

下面我就根据工作中所用和看过的书籍一点一点总结下我们常用的HTML格式和代码。

一、什么是HTML。

HTM不是一段编程语言,而是一款标记语言,本身不能显示在浏览器中。经过浏览器的编释和编译,才能正确反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化,从单一的文本显示功能到多功能互动,已经成为了一款非常成熟的标记语言。

二、HTML文件的基本结构

<!doctype html>

<html>文件开始标记

<head>文件头开始的标记

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<title>XX系统</title>

</head>文件头结束

<body>文件主题的内容

</body>文件主题的结束

</html>文件结束的标记

这里主要说明title和meta(元信息)

<!--说明文件头-->

<title>XX网站</title>

<!--添加作者信息-->

<meta name="author" content="_永不言弃" >

<!--设置网页文字及语言 -->

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<!--设置网页定时(20秒后)跳转-->

<meta http-equiv="refresh" content="20;url=index.html">

三、HTML主要常用标签

3.1标题

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

3.2 标题字对齐属性align

默认情况下,标题文字是左对齐的。在网页制作过程中,常常需要选择对其他的方式,这时我们就需要用到align属性。

3.3 段落标记p

段落标记是文档中最常见的标记,<p>用来起始的一个段落。

3.3 换行标记

换行标记<br>作用是在不另起一段的情况下将当前文本强制换行。

3.4 不换行标记nobr

<nobor>表示的是不换行的标记</nobor>

3.5 水平线

<hr/>

四、建立超链接

与自身网站页面有关的连接被称为内部连接

4.1绝对路径

绝对路径是包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确地找到,除非是目标文档的位置发生变化,否则连接不会失效。

4.2相对路径

为了避免绝对路径的缺陷,对于在同一站点之中的连接来说,使用相对路径是一个很好的方法。

4.3 内部连接

<a href="# target="目标窗口的打开方式 " >

属性值

含义

-self在当前页面中打开连接

-blank在一个全新的空白窗口中打开连接

-top在顶层框架中打开连接,也可以理解为在根框架中打开连接

-parent在当前框架的上一层里打开连接

4.4 锚点连接

锚点到本页面中的位置

<a href="#1" >商品名称</a>

<a href="#2" >产品特点</a>

<a href="#3" >产品规格</a>

<a neme="1">XX商品</a>

<a neme="2">XX产品特点</a>

<a neme="3">XX规格</a>

锚点到其他页面的位置

<a href="index.html#1"></a>对应连接到index.html中name=1的位置

4.5 连接到外部网站

在设置友情链接时,需要打开HTTP协议进行外部连接访问。

<a href="wwww.baidu.com" >百度</a>

4.6 连接到E-mail

<a href="mailto:邮件地址">。。。</a>

4.7 连接到FTP

FTP代表文件传输协议,一个FTP站点通常包含一些上传和下载文件的文件目录。

大部分FTP网站需要使用用户名和密码来登录。

当然还有其他的一些连接方式,例如文件下载,连接到Telnet等。这些都会可以用a标签实现。

HTML基础就先讲到这里,后面退出DIV设计网页格式已经网页分框的实现。

TML自学视频教程(p20):

2.3.3设置作者信息

在页面的源代码中,可以显示页面制作者的姓名及个人信息,这可以在源代码中保留作者希望保留的信息。


语法格式:

<meta name="author" content="作者的姓名"

在该语法中,name为属性值,这里设置为author,也就是设置作者信息,在content中定义具体信息。

实例代码:

<html>

<head>
    <title>设置页面描述</title>
    <meta name="keyword" content="html,元信息,关键字">
    <meta name="description" content="关于HTML的使用">
</head>

<body>
</body>

</html>

在这一实例中,将作者姓名“王小力”添加到了网页的源代码中。