HTML高级的教程chapter02.doc

第二单元 HTML实战 HTML 编辑器 使用 Notepad 或 TextEdit 来编写 HTML 可以使用专业的 HTML 编辑器来编辑 HTML： Adobe Dreamweaver Microsoft Expression Web CoffeeCup HTML Editor 不过，我们同时推荐使用文本编辑器来学习 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我们相信，使用一款简单的文本编辑器是学习 HTML 的好方法。 通过记事本，依照以下四步来创建您的第一张网页。 如何启动记事本： 开始????所有程序????????附件????????????记事本 在记事本中键入 HTML 代码： 在记事本的文件菜单选择“另存为”。 当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别，完全根据您的喜好。 在一个容易记忆的文件夹中保存这个文件，比如 。 启动您的浏览器，然后选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击您的 HTML 文件。 结果应该类似这样： 标题（Heading）是通过 h1 - h6 等标签进行定义的。 h1 定义最大的标题。h6 定义最小的标题。 实例 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 注释：浏览器会自动地在标题的前后添加空行。 注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。 请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。 有哪些信誉好的足球投注网站引擎使用标题为您的网页的结构和内容编制索引。 因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。 应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。 hr / 标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。 实例 pThis is a paragraph/p hr / pThis is a paragraph/p hr / pThis is a paragraph/p 提示：使用水平线 (hr 标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。 注释是这样写的： 实例 !-- This is a comment -- 注释：开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。 提示：合理地使用注释可以对未来的代码编辑工作产生帮助。 实例 pThis is a paragraph/p pThis is another paragraph/p 注释：浏览器会自动地在段落的前后添加空行。（p 是块级元素） 提示：使用空的段落标记 p/p 去插入一个空行是个坏习惯。用 br / 标签代替它！（但是不要用 br / 标签去创建列表。不要着急，您将在稍后的篇幅学习到 HTML 列表。） 即使忘了使用结束标签，大多数浏览器也会正确地将 HTML 显示出来： 实例 pThis is a paragraph pThis is another paragraph 上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。 注释：在未来的 HTML 版本中，不允许省略结束标签。 提示：通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始，并在何处结束，不论对您还是对浏览器来说，都会使代码更容易理解。 HTML 折行 如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 br / 标签： pThis isbr /a parabr /graph with line breaks/p br / 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。 您也许发现 br 与 br / 很相似。 在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。 即使 br 在所有浏览器中的显示都没有问题，使用 br / 也是更长远的保障。 我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注