首页 > 代码库 > HTML5框架、背景和实体

HTML5框架、背景和实体

1、HTML5框架

  1. 框架标签(frame)

    框架对于页面的设计有着很大的作用

  2. 框架集标签(<frameset>)

    框架集标签定义如何将窗口分割为框架

    每一个frameset定义一系列行或列

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

  3. 常用标签:

    noresize:固定框架大小

    cols:列

    rows:行

  4. 内联框架

    iframe

index.html
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<br/>
<iframe src="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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>


HTML5框架、背景和实体