JSP初学者入门课件和实例第00章html初步.ppt

第00章 HTML初步 HTML第一部分 HTML是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建Web页面。HTML文件是带有格式标识符和超文本链接的内嵌代码的ASCII 文本文件。 HTML文本是由HTML命令组成的描述性文本。HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML 文件结构 标记符 又称标签。 HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。 在HTML中，所有的标记符都用尖括号括起来。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符： HTML…／HTML . 标记符 属性是用来描述对象特征的特性。在HTML中： 所有的属性都放置在开始标记符的尖括号里 属性与标记符之间用空格分隔 属性的值放在相应属性之后，用等号分隔 不同的属性之间用空格分隔。 格式： 标记符 属性1=属性值1 属性2=属性值2 … 受影响的内容 ／标记符 ⑴ HTML标记符 HTML/HTML是HTML文档的标记符。 HTML处于文档的最前端，表示文档的开始。浏览器从HTML开始解释。 /HTML位于文件的最后一行，表示一整份的文档都是HTML语法的文档。 ⑵ HEAD标记符 HEAD/HEAD是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息。 ⑶ TITLE标记符 TITLE/TITLE指的是一份文档的标题。 通常每一份文档都应该有一个标题来简述这一份文档的特色或是主题。 在各种浏览器中，标题一般都位于浏览器的最上方。 ⑷ BODY标记符 BODY/BODY定义出一个HTML文档的体部，位于首部下面。 在BODY标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。 创建和测试Web页 HTML文件实质上就是文本文件，可以用任何文本编辑器编辑HTML文件。 用户在Windows中通过IE可以方便地对Web页进行简单的测试。 标题处理 标题文字标记符的格式： Hn align=对齐方式 标题文字 /Hn 属性align用来设置标题在页面中的对齐方式： left（左对齐） center（居中） right（右对齐） 例: H4 align=left face=楷体_GB2312 size=4 color=#0000FF计算机系/H4 标题处理 Hn…/Hn标记符默认显示宋体。 Hn…/Hn标记符会自动插入一个空行，不必再用空行标记符。 在一个标题行下无法使用不同大小的字体。 段落处理 在HTML中段落处理是通过段落记来完成的。 常用的段落标记符： 注释标记符 强制换行标记符 强制换段标记符 1．注释标记符 HTML的注释标记符的格式： !--注释内容-- 2．强制换行标记符 强制换行标记符为BR，放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。 3．强制换段标记符 在HTML文档中，无法用多个回车、空格、Tab键来调整文档段落的格式。要用HTML的标记符来强制换行、分段。 强制换段标记符 格式：文字P 设置段落标记符 格式： P align=对齐方式 文字 ／P 4．显示预排格式标记符 当用其他编辑工具编排好了一段文字后，其中很可能有一些HTML文件不支持的控制符号，如回车、多个空格、Tab键等。如果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式，可以使用PRE标记符将预先排好的格式保留下来。 格式： PRE预先排好的格式／PRE 5．分区显示标记符 分区显示标记符的格式为： DIV align=对齐方式 文本或图像 ／DIV 6．水平线 在页面中插入一条水平标尺线（Horizontal Rules），可以使不同功能的文字分隔开，看起来整齐、明了。 水平线标记符的格式为： HR align=对齐方式 size=横线粗细 width=横线长度 color=横线颜色 noshade 文本格式处理 文本格式处理包括文字设置和格式处理。 1．文字设置 在网页中为了增强页面的层次，其中的文字可以用不同的大小、字体、字型和颜色，通常用FONT标记符来完成。 1．文字设置 FONT标记符设置格式为： FONT size=数字 face=字体名 color=颜色 被设置的文字 ／FONT size属性是字号属性，用于控制文字的大小，它的取值既可