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

第00章 HTML初步;第00章 HTML初步;HTML是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建Web页面。HTML文件是带有格式标识符和超文本链接的内嵌代码的ASCII 文本文件。 HTML文本是由HTML命令组成的描述性文本。HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。;HTML文档的编写方法;网页文件命名;HTML 文件结构;HTML 文件结构; 标记符 属性是用来描述对象特征的特性。在HTML中： 所有的属性都放置在开始标记符的尖括号里 属性与标记符之间用空格分隔 属性的值放在相应属性之后，用等号分隔 不同的属性之间用空格分隔。 格式： 标记符 属性1=属性值1 属性2=属性值2 … 受影响的内容 ／标记符 ;HTML 文件结构(Document Structures) ;第一张网页（01.htm）;⑴ HTML标记符 HTML/HTML是HTML文档的标记符。 HTML处于文档的最前端，表示文档的开始。浏览器从HTML开始解释。 /HTML位于文件的最后一行，表示一整份的文档都是HTML语法的文档。 ;⑵ HEAD标记符 HEAD/HEAD是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息。 ⑶ TITLE标记符 TITLE/TITLE指的是一份文档的标题。 通常每一份文档都应该有一个标题来简述这一份文档的特色或是主题。 在各种浏览器中，标题一般都位于浏览器的最上方。 ;⑷ BODY标记符 BODY/BODY定义出一个HTML文档的体部，位于首部下面。 在BODY标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。;创建和测试Web页;基本组成部分——HTML元素属性;第二张网页（02.htm）;HTML基本结构的有关元素和元素属性;HTML基本结构的有关元素和元素属性;HTML基本结构的有关元素和元素属性;HTML基本结构的有关元素和元素属性;HTML基本结构的有关元素和元素属性;练习（03.htm）;body元素及元素属性——1;body元素及元素属性——2;HTML对颜色的控制;颜色;body元素及元素属性——3;body元素及元素属性——4;body元素及元素属性——7;HTML第二部分; 标题处理 在HTML中，用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是1到6的数字。 H1表示最大的标题，H6表示最小的标题。 使用标题样式时，必须使用结束标记符。;标题处理;标题处理;段落处理;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标记符设置格式为： FONT size=数字 face=字体名 color=颜色 被设置的文字 ／FONT size属性是字号属性，用于控制文字的大小，它的取值既可以是绝对值，也可以是相对值。 face属性是字体标记符，用来指定字体样式。 color属性可用来控制文字的颜色，属性值可以是颜色名称或十六进制值。 ; 2．格式处理 HTML中的格式标记符有： P /P BR BLOCKQUOTE /BLOCKQUOTE DL /DL、DT /DT、DD /DD