HTML基本语法全解.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Page * 2.2.2 文档内链接 锚标签和 Name 属性 将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个节，就像这样： a href=test2.html#tips Jump to the Useful Tips Section /a Page * 2.2.2 文档内链接 Page * 2.2.2 文档内链接 有用的提示 总是将正斜杠添加到子文件夹。 假如你这样书写链接的话：href=/bbs，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=/bbs/ 命名锚经常被用在长的文档中创建目录。可以为每个章节赋予一个命名锚，然后连接到这些锚的链接被置于文档的上部。 假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。 Page * 2.2.2 文档内链接 文档内链接实例 详见教材。 Page * 2.2.2 文档内链接 实践案例 为个人主页添加文档内链接。 Page * 2.2.3 文档外链接 Target 属性 使用 Target 属性，你可以定义被链接的文档在何处显示。 下面的这行会在新窗口打开文档： a href= / target=_blankjs-btesting!/a Page * 2.2.3 文档外链接 文档外链接实例 详见教材。 Page * 2.2.3 文档外链接 实践案例 为个人主页添加文档外链接和mailto功能。 Page * 2.3 列表 2.3.1 无序号 2.3.2 有序号 Page * 2.3.1 无序号 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于 ul 标签。每个列表项始于 li。 ul liCoffee/li liMilk/li /ul 浏览器显示如右图： 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 Page * 2.3.1 无序号 无序列表实例 详见教材。 Page * 2.3.1 无序号 实践案例 为个人主页添加无序列表。 Page * 2.3.2 有序号 同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 ol 标签。每个列表项始于 li 标签。 ol liCoffee/li liMilk/li /ol 浏览器显示如右图： 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 Page * 2.3.2 有序号 有序列表实例 详见教材。 Page * 2.3.2 有序号 实践案例 为个人主页添加有序列表。 Page * 知识点小结 文本格式：基于内容的样式、物理样式 文本格式化标签、计算机输出标签、引用和术语定义标签 字体标签 颜色值、颜色名 图形链接、内部链接、外部链接 无序列表、有序列表 * * * * * * * * * * * * * * * * Page * 2.1.1 文本格式 基于内容的样式 abbr acronym cite code dfn em kbd samp strong var Page * 2.1.1 文本格式 物理样式 在讨论基于内容的样式标签时，我们经常用到“意图”这个词。这是因为由标签传达的含义比浏览器显示文本的方式更为重要。然而，在某些情况下，可能是出于合法性或者版权等方面的原因的考虑，你希望文本以某种特殊的方式来显示（例如斜体或加粗）。在这种情况下，就可以对文本使用物理样式。 虽然其他文字处理系统的趋势是精确地控制样式和外观，但是在使用 HTML 或 XHTML 时，除非极少情况下，都应该避免使用物理标签。应当尽可能地向浏览器提供上下文信息，并使用基于内容的样式。尽管现在浏览器不过是以斜体或者粗体字来显示这些文本，但是将来的浏览器和各种文档生成工具可能会以非常有创建的方式来利用这些基于内容的样式。 Page * 2.1.1 文本格式 物理样式 当前的 HTML/XHTML 标准一共提供了 9 种物理样式，包括粗体（bold）、斜体（italic）、等宽（monospaced）、下划线（underlined）、删除线（strikethrough）、放大（larger）