举例说明html语言的结构,第2章、HTML语言的基本结构.doc

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

2．1 认识HTML语法

HTML(HyperText Mark Language,超文本标识语言)是用于World Wide Web的语言。它的语法是由标记(tags)和属性(attributes)所组成，浏览器只要看到html文件的标记和属性，就可以将它解释成网页。

1．标记(tags--不同资料翻译不同：如标记、标签、标识符等)： HTML标记通常分为两种。

第一种用来识别网页上的组件或描述组件的样式，如网页标题(

)、网页的主体()、段落(

)、分项符号清单(

• )、编号清单(

1. )等等；

第二种是用来指向其他资源，如可用来插入图片、可用来插入java applet、可用来识别网页内的位置或超级链接等等。

HTML标记是以“”两个符号括起来，而且多数情况是成对出现；当然有些不是，如BR。

高高兴兴学HTML基本结构

2．属性(attributes)：除了HTML标记本身所能描述的特性外，大部分的标记还会搭配属性，以提供更多的相关信息。

例如：

快快乐乐学习HTML

3．值(Value)：属性值必须在事先定义范围内选区。

4．嵌套标记(Nesting Tag)：必须注意顺序。

5．空格符：HTML浏览器会忽略标记间多余的空格符或[Enter]。

6．特殊字符：HTML文件中有一些特殊字符，例如要显示,”&等字符，不能直接用键盘输入。

2．2 编辑HTML的工具

我们编辑html的工具主要有：记事本、Dreamweaver 、Frontpage等，我们选择Dreamweaver为工具软件，以记事本为辅助工具。

2．3 HTML文件的整体结构

HTML文件的整体结构可分为3个部分：HTML版本声明、标题声明、文件主体(Body)，例如：

_//W3C//DTD HTML 4.01//EN”

“/tr/html40/strict.dtd”>

西安**学校

你好！西安**。

2．4 事件处理程序

所谓“事件处理程序”(Event Handler)指的是将浏览者的操作和Script程序链接，换句话说，当浏览者进行某些操作时，便去执行指定的Script程序。许多HTML标记都含有事件处理属性，以指定事件处理程序，其中On Submit和onReset只能用在

标记，onClick只能用在和标记，onchange只能用在、和标记。

备注：

许多HTML标记含有LANG和DIR两个属性，其意义如下：

LANG=”language-code”：此属性是用来指定组件属性值的语种或网页内容的语种，language-code代表语种，如，我们可以声明html文件将采用德文网页内容

DIR=”{LTR,RTL}”：此属性是用来指定文字的方向。

2．5网页数据编辑与格式化

1．设置标题格式：

HTML提供了6种层次的标题格式：

你好！

你好！

。

你好！

(标题1)字体最大。最重要的属性ALIGN=”{LEFT,CENTER,RIGHT}”

2．设置段落格式(

…

标记)：

网页的内容通常是由数个段落所组成，而输入段落最简单的方法就是使用段落标记。此外，还有

.. ADDRESS >地址段落标记、
强制换行但不换段标记、

.. BLOCKQUOTE >左右缩排标记、

.. PRE >预先格式华段落标记。

3．预先格式华段落(

.. PRE >标记)：

4．注释(标记)

标记可以在网页内插入注释，而且注释不会显示在浏览器。

5．HTML提供的文本格式_等等。

6．字体、文字颜色与大小… FONT >标记：

… FONT >标记的FACE、COLOR、SIZE属性，来改变文字的字体、颜色、大小。

7．水平线

---

标记:

其重要属性有align=”{left,center,right}”、color=”#rrggbb”(水平颜色)、size=”n”(水平线高度)