5-HTML5框架、背景和实体

最新推荐文章于 2022-03-17 09:22:11 发布

张鹿鹿

最新推荐文章于 2022-03-17 09:22:11 发布

阅读量1.5k

点赞数

分类专栏： HTML5基础文章标签： html 框架

本文链接：https://blog.csdn.net/u013144863/article/details/52267784

版权

HTML5基础专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML框架

1, 框架标签(~~frame~~) 过时

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

2, 框架集标签(~~frameset~~)过时:

框架集标签定义如何将窗口分割为框架
每一个frameset定义一系列行或列
rows/cols的值规定了每行或每列占据屏幕的面积

3, 常用标签:

noresize: 固定框架大小
cols: 列
rows: 行

4, 内联框架

上述框架在H5中已经过时, 在以后会用css样式和div等代替

iframe(重点)

1, 内联框架中, 如果实际大小大于规定大小后会有滚动条使用.
例如:
这里写图片描述

2, 内联框架和a标签的使用:

index02.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<iframe src="framec.html" frameborder="0" width="800" height="800"></iframe>
</html>

framea.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#6aff26">
FrameA
<a href="https://www.baidu.com" target="_self">百度</a>
</body>
</html>

frameb.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#ffe4c4">
        FrameB
        <br/>
        <iframe src="framea.html" frameborder="0" width="400" height="400"></iframe>
</body>
</html>

framec.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#ff1327">
    FrameC
    <br/>
    <iframe src="frameb.html" frameborder="0" width="600" height="600"></iframe>
</body>
</html>

根据上述代码, 下面将依次介绍 a标记的target的用法

1, targe =”_self”

将在自身打开

这里写图片描述

2, target = “_blank”

将在新的标签中打开

这里写图片描述

3, target=”_parent”

将在父容器中打开

这里写图片描述

4, target=”_top”

将在顶层容器中打开

这里写图片描述

背景

1, 背景标签:

background

2, 背景颜色:

bgcolor

3, 颜色:

颜色是有一个十六进制符号来定义, 这个符号由红色, 绿色和蓝色的值组成(RGB)
颜色值最小值: 0(#00)
颜色值最大值: 255(#FF)
红色: #FF0000
绿色: #00FF00
蓝色: #0000FF

HTML实体

1, 实体:

HTML中预留字符必须被替换成字符实体
如: <, >, & ….

详细的字符实体对应关系

张鹿鹿

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
5-HTML5框架、背景和实体

HTML框架1, 框架标签(frame) 过时框架对于页面的设计有着很大的作用2, 框架集标签(frameset)过时: 框架集标签定义如何将窗口分割为框架每一个frameset定义一系列行或列 rows/cols的值规定了每行或每列占据屏幕的面积3, 常用标签: noresize: 固定框架大小 cols: 列 rows: 行4, 内联框架上述
复制链接

扫一扫