HTML5框架、背景和实体-优快云博客

本文深入探讨HTML5框架及背景应用，详细介绍了框架、背景标签的使用，并提供了实例代码，帮助开发者理解并掌握HTML5网页布局与背景设计。

2019独角兽企业重金招聘Python工程师标准>>>

1、HTML5框架

框架标签（frame）
框架对于页面的设计有着很大的作用
框架集标签（<frameset>）
框架集标签定义如何将窗口分割为框架
每一个frameset定义一系列行或列
rows/cols的值规定了每行或每一列占据屏幕的面积
常用标签：
noresize：固定框架大小
cols：列
rows：行
内联框架
iframe

index.html
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<br/>
<iframe src="framec.html" frameborder="0" width="800px" height="800px">
</iframe>
</html>
framec.html
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#7fffd4">
FrameC
<br/>
<iframe src="frameb.html" width="600px" height="600px">
</iframe>
</body>
</html>
frameb.html
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#a52a2a">
FrameB
<br/>
<iframe src="framea.html" width="400px" height="400px">
</iframe>
</body>
</html>
framea.html
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="aqua">
FrameA
<a href="http://www.baidu.com" target="_parent">baidu</a>
</body>
</html>

2、HTML5背景

背景标签Background和背景颜色Bgcolor

<!--<body background="http://pic.4j4j.cn/upload/pic/20130628/bc2c6086e3.jpg">-->
<body bgcolor="aqua">

3、实体：

HTML中预留字符串必须被替换成字符实体。如：<、>、&

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
 abcd&lt;html&gt;
</body>
</html>

转载于:https://my.oschina.net/hejunsen/blog/356711