HTML学习笔记（三）--框架/部分基础/实体_html中三个实体-优快云博客

本文介绍了HTML中的框架集（frameset）用法，包括如何定义不同页面所占比例及禁用边框调整功能。此外，还讲解了内联框架（iframe）的应用，以及<body>标签中的背景配置、脚本的嵌入与替代内容处理方法。最后，探讨了HTML头部元素的作用，如定义文档标题、设置默认链接地址和目标等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

框架

<frameset rows="25%,50%,25%">          //rows行  //cols列,,,每个页面占的比例
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">
</frameset>

假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize=”noresize”。
不能将<body></body> 标签与<frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。

内联框架

<iframe src="demo_iframe.htm" name="iframe_a" width="200" height="200"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

背景

<body> 拥有两个配置背景的标签。背景可以是颜色或者图像
背景颜色（Bgcolor）:背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名
背景（Background）:背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。

<body> 标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。

脚本

script 嵌入脚本，noscript为不支持客户端脚本的浏览器定义替代内容

<!DOCTYPE html>
<html>
<body>

<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。</p>

</body>
</html>

HTML 头部元素

<head>中间

重定向

5秒后跳转页面
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />

HTML <title> 元素,<title> 标签定义文档的标题

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：
<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>

<link> 标签定义文档与外部资源之间的关系
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

<style> 标签用于为 HTML 文档定义样式信息
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

元数据（metadata）是关于数据的信息。
<meta> 标签提供关于 HTML 文档的元数据。
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。下面的 meta 元素定义页面的描述
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

这里写图片描述