网页html-1课程方案.ppt

HTML 万维王之父;H5;;;;延边大学网页源代码;网页第一页文件名一定为index.html 或index.htm;利用HTML处理文本 ;2．HTML文档的基本结构 一个典型的HTML文本的基本结构形式如下： HTML HEAD TITLE 文本标题 ／TITLE ／HEAD BODY 文本内容uuuuu ／BODY ／HTML 上述文档用到四种标记符，其意义如下： ;（1）HTML标记符 HTML／HTML这两个标记符是HTML文档的标记符。HTML处于文档的最前端，表示文档的开始，即浏览器从HTML开始解释。而／HTML则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法的文档。 （2）HEAD标记符 HEAD／HEAD是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。HEAD／HEAD通常与某些标记符一起使用，如TITLE／TITLE标记符。 （3）TITLE标记符 TITLE／TITLE指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。 （4）BODY标记符 BODY／BODY指的是定义出一个HTML文档的体部，位于首部下面。在BODY标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。 ;头部信息;;;3.1.2 标题处理 在HTML中，用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是1到6的数字。H1表示最大的标题，H6表示最小的标题。使用标题样式时，必须使用结束标记符。 标题文字标记符的格式： Hn align=对齐方式 标题文字 /Hn 属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。 如: H4 align=left face=楷体_GB2312 size=4 color=#0000FF计算机系/H4 Hn…/Hn标记符默认显示宋体。Hn…/Hn标记符会自动插入一个空行，不必再用空行标记符。在一个标题行下无法使用不同大小的字体。 与HEAD中的TITLE…／TITLE定义的网页标题不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。;3.1.3 段落处理 在HTML中段落处理是通过段落标记来完成的，常用的段落标记符有： 1．注释标记符 HTML的注释标记符的格式为：!--注释内容-- 2．强制换行标记符 强制换行标记符为BR，放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。 3．强制换段标记符 在HTML文档中，无法用多个回车、空格、Tab键来调整文档段落的格式。要用HTML的标记符来强制换行、分段。 （1）强制换段标记符 强制换段标记符的格式为： 文字P （2）设置段落标记符 设置段落标记符的格式为： P align=对齐方式 文字 ／P;4．显示预排格式标记符 当用其他编辑工具编排好了一段文字后，其中很可能有一些HTML文件不支持的控制符号，如同车、多个空格、Tab键等。如果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式，可以使用PRE标记符将预先排好的格式保留下来。 显示预排格式标记符的格式为： PRE预先排好的格式／PRE 5．分区显示标记符 分区显示标记符的格式为： DIV align=对齐方式 文本或图像 ／DIV 6．水平线 在页面中插入一条水平标尺线（Horizontal Rules），可以使不同功能的文字分隔开，看起来整齐、明了。 水平线标记符的格式为： HR align=对齐方式 size=横线粗细 width=横线长度 color=横线颜色 noshade;3.1.4 文本格式处理 文本格式处理包括文字设置和格式处理。 1．文字设置 在网页中为了增强页面的层次，其中的文字可以用不同的大小、字体、字型和颜色，通常用FONT标记符来完成。 FONT标记符设置格式为： FONT size=数字 face=字体名 color=颜色 被设置的文字 ／FONT