2014年HTML.pptVIP

HTML 牟芳萍 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper?Text?Markup?Language) HTML 不是一种编程语言，而是一种标记语言?(markup language) 标记语言是一套标记标签?(markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 HTML标签 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 注意：Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容： html body h1My First Heading/h1 pMy first paragraph./p /body /html HTML语法 HTML元素 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码 HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性 html body pThis is my first paragraph./p /body /html HTML语法 空的 HTML 元素 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 br 就是没有关闭标签的空元素（br 标签定义换行）。 在开始标签中添加斜杠，比如 br /，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。 HTML 提示：使用小写标签 HTML 标签对大小写不敏感：P 等同于 p。 W3School 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。 HTML属性 HTML 属性 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name=value。 属性总是在 HTML 元素的开始标签中规定。 a href=This is a link/a h1 align=centerThis is heading 1/h1 h2请看: 改变了颜色的背景。/h2 始终为属性值加引号： name=Bill HelloWorld Gates 1.3基本文本格式化 标题hn 标题（Heading）是通过 h1 - h6 等标签进行定义的。 h1 定义最大的标题。h6 定义最小的标题。 段落 p pThis is a paragraph/p pThis is another paragraph/p 换行br / pThis isbr /a parabr /graph with line breaks/p br / 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。 1.3基本文本格式化 pre 标签 pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 pre 标签的一个常见应用就是用来表示计算机的源代码。 注意： 可以导致段落断开的标签（例如标题、p?和?address 标签）绝不能包含在 pre 所定义的块里。 pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 a 标签）放到 pre 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。 ch01_eg09.html 1.3基本文本格式化--练习 练习 利用基本元素格式化文本，包括标题和段落 Index.html 1.4 表示元素 文本格式化.html 1.5 短语元素 显示外观，对包含的元素进行描述 标签 描述 abbr 定义缩写。 acronym 定义首字母缩写。 address 定义地址。 bdo 定义文字方向。 blockquote 定义长的引