HTML编辑器和HTML CSS

HTML 编辑器
使用 Notepad 或 TextEdit 来编写 HTML
可以使用专业的 HTML 编辑器来编辑 HTML：
? Adobe Dreamweaver ? Microsoft Expression Web ? CoffeeCup HTML Editor
不过，我们同事推荐使用文本编辑器来学习 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我们相 信，使用一款简单的文本编辑器是学习 HTML 的好方法。
通过记事本，依照以下四步来创建您的第一张网页。
步骤一：启动记事本
如何启动记事本：
开始 所有程序 附件 记事本
步骤二：用记事本来编辑 HTML
在记事本中键入 HTML 代码：
步骤三：保存 HTML

在记事本的文件菜单选择“另存为”。 当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别，完全根据您的 喜好。
在一个容易记忆的文件夹中保存这个文件。
步骤四：在浏览器中运行这个 HTML 文件
启动您的浏览器，然后选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击您的 HTML 文件。
结果应该类似这样：
HTML CSS
通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。
实例
HTML 中的样式 本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化。

header 1
A paragraph.

header 1

A paragraph.

没有下划线的链接 本例演示如何使用样式属性做一个没有下划线的链接。
这是一个链接！
链接到一个外部样式表
这是一个链接！
本例演示如何 标签链接到一个外部样式表。

我 通 过 外 部 样 式 表 进 行 格 式 化 。

我也一样！

如何使用样式
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：
外部样式表 当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改 一个文件来改变整个站点的外观。

内部样式表 当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过

内联样式 当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用 样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
style="color: red; margin-left: 20px">
This is a paragraph

标签
描述 定义样式定义。 定义资源引用。 定义文档中的节或区域（块级）。 定义文档中的行内的小块或区域。 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
这两种方法在显示效果上也略有区别。使用链接式，会在装载页面主体之前装载CSS 文件，这样显示出来的网页一开始就带有样式效果，而使用导入式时，会在整个页面加载完成后再装载CSS文件，对于网页体积较大时，可能在开始浏览时没有显示效果，等待数秒后才会显示样式。 对于一些较大的网站，为了便于维护，可能会希望把所有的CSS样式分类别放在几个CSS文件中，这样如果使用链接式，就需要几个语句分别导入CSS文件。如果要调整CSS 文件的分类，就需要同时调整HTML文件。而使用导入式，则可以只引进一个总的CSS文件，在这个文件中再导入其他独立的CSS文件；而链接式不具备这个性质。