而在浏览器上运行的网页，实际上是一个依照HTML语法格式创建的字符代码，这份由字符代码组成的文件称为HTML文件(HTMLDocument)。这个HTML文件是由数个HTML标签(HTML Tag)所组11，而CSS样式(CSS Style)、JavaScript程序代码(JavaScript Code)等网页运行时会使用的各种资源，都可以通过标签的形式存在于HTML文件内。若有需要时，也可以将CSS样式、JavaScript程序代码独立成为外部文件，再通过标签整合至HTML文件。
在浏览器上运行网页时，浏览器会先创建HTML运行环境(HTMLContext)，这个运行环境包含网页运行时会使用的各种资源。接着，浏览器就会开始读取HTM L文件，将文件加载到内存之中，并依照HTML语法来分析组成文件的标签。在这个浏览器分析组成文件的标签过程中，可以将组成文件的标签依照标签语义，分为两种类型:系统资源类型和用户界面类型。
系统资源类型的HTML标签，是用于描述浏览器、运行环境中的运行参数、样式设置等资源，例如，JavaScript程序代码、Css样式等.浏览器要显示网页给用户时，这些标签并不会显示在网页上;而是在后台提供网页运行时会使用的各种资源给浏览器、运行环境使用。
以JavaScript程序代码来说，要将程序代码加入网页中，就必须使用系统资源类型标签来将程序代码定义为网页内使用的资源，浏览器在分析到这些程序代码的时候，会将这些程序代码提交至运行环境里的javaScript引擎(JavaScript Engine)。JavaScript引擎会在用户单击网页按钮、浏览器分析文件完毕等事件发生时.去运行对应的程序代码。在浏览器中运行的网页，通过JavaScript引擎中运行的JavaScript程序代码，提供用户更灵活生动的互动。
用户界面类型的HTML标签，烟台网站建设用于描述显示在网页上的各种用户界面控件，这些控件提供:输出数据给用户或是接受用户输入等功能。浏览器要显示网页给用户时，这些标签会显示在网页上，浏览器会依照这些标签的类别，在网页上显示代表标签的控件来与用户互动，例如，一个用户界面类型的标签button，在网页上就会显示为一个按钮控件。
这些用户界面类型的标签，在浏览器内都有一组预设的显示样式，这组显示样式定义了网页上显示标签时，所预设的各种显示样式，例如，背娥颜色、字体大小等。开发人员可以通过CSS样式表(Cascading StyleSheets)来更改标签的显示样式，浏览器在显示网页给用户时，会按照这些显示样式来决定网页上标签的显示外观。
在浏览器分析组成文件的标签过程中，也会将文件转换为程序代码能够处理的对象模型DOM (Document Object Model)，并将这个对象模型创建在运行环境内。 DOM是树状结构的对象模型，浏览器会将一份HTML文件转换成为一个DOM对象树，而对象树上的侮个DOM节点都代表文件中的一个HTML标签，以作为范例的网页(HelloWorld.htm)为例，浏览器会将网页转换为如图1-2所示的DOM对象树。DOM是浏览器在HTML运行环境中提供给开发人员使用，用来控制HTM L文件的一组API，通过DOM API在DOM对象树上对于DOM节点的各种操作，都会反映到HTML文件上。
