第2章、HTML语言的基本结构.doc

第2章、HTML语言的基本结构 2．1 认识HTML语法 HTML(HyperText Mark Language,超文本标识语言)是用于World Wide Web的语言。它的语法是由标记（tags）和属性（attributes）所组成，浏览器只要看到html文件的标记和属性，就可以将它解释成网页。 1．标记（tags--不同资料翻译不同：如标记、标签、标识符等）： HTML标记通常分为两种。 第一种用来识别网页上的组件或描述组件的样式，如网页标题（TITLE）、网页的主体（BODY）、段落（P）、分项符号清单（UL）、编号清单（OL）等等； 第二种是用来指向其他资源，如IMG可用来插入图片、APPLET可用来插入java applet、A可用来识别网页内的位置或超级链接等等。 HTML标记是以“”、“”两个符号括起来，而且多数情况是成对出现；当然有些不是，如BR。 I高高兴兴学HTML基本结构/I 2．属性（attributes）：除了HTML标记本身所能描述的特性外，大部分的标记还会搭配属性，以提供更多的相关信息。 例如：H1 COLOR=”#FF00000”ALIGN=”CENTER”快快乐乐学习HTML/H1 3．值（Value）：属性值必须在事先定义范围内选区。 4．嵌套标记(Nesting Tag)：必须注意顺序。 5．空格符：HTML浏览器会忽略标记间多余的空格符或[Enter]。 6．特殊字符：HTML文件中有一些特殊字符，例如要显示,,”等字符，不能直接用键盘输入。 2．2 编辑HTML的工具 我们编辑html的工具主要有：记事本、Dreamweaver 、Frontpage等，我们选择Dreamweaver为工具软件，以记事本为辅助工具。 2．3 HTML文件的整体结构 HTML文件的整体结构可分为3个部分：HTML版本声明、标题声明、文件主体（Body），例如： !DOCTYPE HTML PUBLIC”_//W3C//DTD HTML 4.01//EN” “/tr/html40/strict.dtd” HTML HEAD TITLE西安**学校/TITLE /HEAD BODY 你好！西安**。 /BODY /HTML 2．4 事件处理程序 所谓“事件处理程序”（Event Handler）指的是将浏览者的操作和Script程序链接，换句话说，当浏览者进行某些操作时，便去执行指定的Script程序。许多HTML标记都含有事件处理属性，以指定事件处理程序，其中On Submit和onReset只能用在form标记，onClick只能用在input和textarea标记，onchange只能用在input、select和textarea标记。 备注： 许多HTML标记含有LANG和DIR两个属性，其意义如下： LANG=”language-code”：此属性是用来指定组件属性值的语种或网页内容的语种，language-code代表语种，如，我们可以声明html文件将采用德文HTML LANG=”DE”网页内容/HTML DIR=”{LTR,RTL}”：此属性是用来指定文字的方向。 2．5网页数据编辑与格式化 1．设置标题格式： HTML提供了6种层次的标题格式：H1你好！/H1H6你好！/H6。H1你好！/H1（标题1）字体最大。最重要的属性ALIGN=”{LEFT,CENTER,RIGHT}” 2．设置段落格式（P…/P标记）： 网页的内容通常是由数个段落所组成，而输入段落最简单的方法就是使用段落标记。此外，还有ADDRESS../ ADDRESS 地址段落标记、BR强制换行但不换段标记、BLOCKQUOTE../ BLOCKQUOTE 左右缩排标记、PRE../ PRE 预先格式华段落标记。 3．预先格式华段落（PRE../ PRE 标记）： 4．注释（!-- --标记） !-- --标记可以在网页内插入注释，而且注释不会显示在浏览器。 5．HTML提供的文本格式BSUBSTRONG等等。 6．字体、文字颜色与大小FONT…/ FONT 标记： FONT…/ FONT 标记的FACE、COLOR、SIZE属性，来改变文字的字体、颜色、大小。 7．水平线HR标记: 其重要属性有align=”{left,center,right}”、color=”#rrggbb”(水平颜色)、size=”n”(水平线高度)、width=”n”(水平线宽度)。举例： HR COLOR=”Green” ALIGN=”LEFT” WIDTH=”50%” SIZE=”5” 8．项目符号与编号清单UL、OL、LI UL加上项目符号；OL加上项目编号；LI指