HTML 框架 框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个 框架，并且每个框架都独立于其他的框架。
使用框架的坏处：
开发人员必须同时跟踪更多的HTML文档 很难打印整张页面
框架结构标签（<frameset>）
框架结构标签（<frameset>）定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积
写正确的 HTML4.01 代码。并且使用小写字母编写标签。记得关闭标签。决不要在没有 </p> 标签的情况下结束一个段落。
提示：官方的 HTML4.01 标准推荐使用小写的标签。
如果您希望学习如何将站点升级至 XHTML，请阅读我们的 XHTML 教程。
验证 HTML文件
HTML 文档是根据文档类型声明<DOCTYPE HTML PUBLIC""/>进行验证的。如果希望 HTML 文 件被正确地验证，就要将恰当的 DTD 添加到文件的第一行。 1 HTML 4.01 Strict DTD 包含没有被反对使用或者不出现在框架中的元素和属性(如果有 反对使用的和框架元素属性的话，将无法被正确验证）：
<div class="news"> <h2>News headline 1</h2> <p>some text. some text. some text...</p> ... </div>
<div class="news"> <h2>News headline 2</h2> <p>some text. some text. some text...</p> ... </div> 例子解释:下次想改全部headline的样式的时候，只要在样式表里改news就一键优化了
HTML <div> 标签
定义和用法
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不 使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。 用法
内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标 签定义内部样式表。 <head> <style type="text/css"> body{background-color:red} p{magin-left:20px} </style> </head> 重要属性： link style div span
</frameset>
</html>
为不支持框架的浏览器添加 <noframes> 标签。
重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过， 假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。）
<td width="50%" valign="top"> Another text. Another text. Another text. Another text. Another text. Another text. Another text. </td>
</tr> </table>
</body> </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
3 HTML 4.01 Frameset DTD 包含 transitional DTD 中所有的内容，外加对框架的支持：
</frameset>
</html>
HTML 字体
在 HTML 中，字体标签是不被支持的。一般都认为，在今后版本的 HTML 中，这个标签会 被清除出去。
即使很多人都在用它，我们都应该尽量避免它，而使用样式取而代之。 <h1 style="font-family:verdana">this is a p</h1> <h1 style="font-size:150%">A heading</h1> <h1 style="color:blue">A heading</h1> <html> <body>
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固 有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。 这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素）， 而 id 用于标识单独的唯一的元素。
</frameset>
</html> 如果在frameset里设置border="0"框架边缘消失，用户也无法调节大小了
<html>
<frameset border="0" cols="50%,*,25%"> <frame src="/example/html/frame_a.html" noresize="noresize" /> <frame src="/example/html/frame_b.html" /> <frame src="/example/html/frame_c.html" />
HTML4.0 的优秀特性 通过使用 HTML4.0，所有的格式化信息都可以从 HTML 文件中剥离，并植入一个独立的样 式表。 因为 HTML4.0 将文档的表现与其结构分离，我们从而得到了我们一直需要的东西：在不把 文档内容搞糟的情况下，对表现层进行完全的控制。
为 XHTML 做好准备 XHTML 是新的 HTML。你现在就应该为此做好准备。而您可以做的最重要的事情就是开始编
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "/TR/html4/frameset.dtd">
HTML CSS
通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。 如何使用样式
</frameset>
</html>
三行的水平框架 <html>
<frameset rows="25%,50%,25%">
<frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html">
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式 来插入样式表： 外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你 就可以通过更改一个文件来改变整个站点的外观。 <head>
<link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
三列的垂直框架 <html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">
2 HTML 4.01 Transitional DTD 包含 strict DTD 中所有的内容，外加被反对使用的元素 和属性（如果有反对使用的元素属性仍可以通过验证，但不支持框架的元素和属性）：
实例
文档中的一个部分会显示为绿色：
<div style="color:#00FF00">
