网站开发与网页设计 HTML入门学习.ppt

第2章 HTML入门 超文本标识语言（HTML） HTML（Hypertext Markup Language）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接。HTML文档由文本、格式化代码和导向其他文档的超链接组成。 HTML基础 1．标记符 标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。 在HTML中，所有的标记符都用尖括号括起来。例如，HTML表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。 如：HTML…／HTML . HTML标记符是不区分大小写的，但通常约定标记符使用大写字母，这有利于HTML文档的维护。 属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为： 标记符 属性1=属性值1 属性2=属性值2 … 受影响的内容 ／标记符 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标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。 标题处理 在HTML中，用户可以通过Hx标记符来标识文档中的标题和副标题，其中n是1到6的数字。H1表示最大的标题，H6表示最小的标题。使用标题样式时，必须使用结束标记符。 标题文字标记符的格式： Hx align=对齐方式 标题文字 /Hn 属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。 如: H4 align=left 计算机系/H4 Hx…/Hx标记符默认显示宋体。Hx…/Hx标记符会自动插入一个空行，不必再用空行标记符。在一个标题行下无法使用不同大小的字体。 与HEAD中的TITLE…／TITLE定义的网页标题不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。 段落处理 在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．水平线 在页面中插入一条水平标尺线（Horizo