HTML-3

作者: Wonder茂茂 | 来源:发表于2017-12-10 19:47 被阅读0次

HTML 框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

开发人员必须同时跟踪更多的HTML文档

很难打印整张页面

框架结构标签(<frameset>)

框架结构标签(<frameset>)定义如何将窗口分割为框架

每个 frameset 定义了一系列行

rows/columns 的值规定了每行或每列占据屏幕的面积


框架标签(Frame)

Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:

<frameset cols="25%,75%">

<frame src="frame_a.htm">

<frame src="frame_b.htm">

</frameset>


基本的注意事项 - 有用的提示:

假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在<frame>标签中加入:noresize="noresize"。

重要提示:不能将<body></body>标签与<frameset></frameset>标签同时使用!不过,假如你添加包含一段文本的<noframes>标签,就必须将这段文字嵌套于<body></body>标签内。(在下面的第一个实例中,可以查看它是如何实现的。)


内联框架

Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。

属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。

<iframe src="http://www.w3school.com.cn/" width="800"  height="1000"></iframe>



Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 就可以移除边框:

<iframe src="http://www.w3school.com.cn/" frameborder="0"></iframe>



HTML 头部元素

HTML 元素

元素是所有头部元素的容器。<head>内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

以下标签都可以添加到 head 部分:<title>,<base>,<link>,<meta>,<script>以及<style>、<base>、<link>、<meta>、<script> 以及 <style>。


HTML <base>元素

<base>标签为页面上的所有链接规定默认地址或默认目标(target):

<head>

<base href=" http://www.w3school.com "/>

<base target="_blank"/>

</head>


HTML <link>元素

<link>标签定义文档与外部资源之间的关系。

<link>标签最常用于连接样式表:

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css"/>

</head>


HTML <style>元素 元素

<style>标签用于为 HTML 文档定义样式信息。

标签用于为 HTML 文档定义样式信息。

您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式


HTML 字符实体

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。



相关文章

  • HTML-3

    HTML 框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框...

  • HTML-3

    1.line-height有什么作用? line-height属性修改文本行的空白间距,通常配置成百分比。当块元素...

  • html-3

    一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...

  • 前端笔记--HTML-3

    html表单:

    元素 HTML 表单( 元素)用于收集用户输入。表单元素指的是不同类型的 inpu...

网友评论

      本文标题:HTML-3

      本文链接:https://www.haomeiwen.com/subject/ghvvixtx.html