1.操作系统专业版；

2、编程工具；

3.浏览器。

1.HTML简介

HTML是指超文本标记语言（Hyper Text），是用来描述网页的语言。 HTML语言的结果文件称为HTML文档，即后缀为“html”的文件。 HTML 文档就是我们所说的网页。 HTML 文档包含标签和纯文本。 这里的纯文本是指没有修饰符号。 修饰是指粗体、下划线、斜体、图形、符号或特殊字符等。符号是指最基本的二进制编码表中由ASCII码确定的字符，如：a、B、1、@等。

HTML文档中的标签是指用于描述内容具体含义的声明标记。 例如：一个标签，表示该标签中的所有内容都是超文本标记语言，并且符合超文本标记语言的所有规则和标准。 它需要按照超文本标记语言的规则和标准来运行和读取信息。

2. 在记事本中创建一个新的 HTML 文件

由于HTML文件是由标签和纯文本组成的后缀为“html”的文件，因此可以通过操作系统自带的纯文本工具“记事本”构建HTML文件，即使用记事本工具开发网页。

右键新建记事本，重命名，修改文件后缀。 新文件的后缀是“txt”，我们直接将其小数点后改为html。 保存后就变成了HTML文档，即网页。

下一步是右键单击该文件并使用记事本打开它以开发 HTML 文件。

注意：如果您的文件不显示后缀，请打开我的电脑，点击顶部菜单栏的查看标签，在右侧“显示/隐藏”栏中选择“文件扩展名”标签，有复选标记在它的前面。 然后观察该文件并重命名，修改文件后缀。

3. 构建 HTML 基础设施

现在我们开始使用超文本标记语言（HTML 语言）进行编程。

第一步：告诉浏览器我们写的HTML文档；

注意：

A.表示告诉浏览器这是一个HTML5文档。 HTML5中的“5”是超文本标记语言HTML的版本号。 HTML5是下一代互联网标准；

B、为了区分不同的语言，我们首先要告诉浏览器我们正在编写HTML语言。 DOC代表文档，TYPE代表类型，html代表语言类型。 标签由尖括号“！”包围表示强调；

C、输入标签时，输入方式要求为英文、半角。 输入纯文本时，可以是中文；

D、该语句在HTML文档中不是必须的，但是如果没有这句话，很容易出现乱码。

第二步：使用标签来确定超文本标记语言HTML的应用范围

注意：

A.标签成对出现，即下一个标签前有斜杠，表示结束；

B、HTML中大多数标签都是成对出现的，结束标签前有一个“/”；

C.中的内容是HTML编程内容，运行在超文本标记语言的标准下；

D. 以外的内容不受超文本标记语言标准的约束。

步骤3：标签包含两部分，即

注意：

A。

注意：

A、标签是

注意：

A、Tags代表网页标题标签，成对出现，是网页标签在浏览器中显示的内容；

B、标签是

你好世界！

步骤 7 保存并关闭写字板。

4. 跑步

右键单击 HTML 文件并选择要打开并运行的浏览器。 观察浏览器标签与标签是否一致。 观察网页左上角是否出现“Hello World”。 如果出现则说明网页运行正常。

5.了解HTML编程工具

HTML是可预见的未来IT技术的主流标准和编程语言，因此现有的软件编程工具基本都支持HTML语言的编写。 但很多软件根据公司背景、开发目标、是否收费等，为HTML编程提供了不同程度的便利性。 但适合初学者的软件有：等等。 我们的课程主要使用方便且通用的 .

该编辑器是新推出的HTML5网页开发工具，作为下一代新型编辑器。

6.下载并安装软件

搜索或访问官网，打开下载地址，下载最新软件，标准版，文件大小20M左右。 直接解压并运行“.exe”文件。 选择界面主题以开始使用编程软件。

目前的网站地址是：

下载界面为：

图1-1-1 下载页面

7. 创建第一个 HTML 文件

第一步，点击菜单栏，文件（F）菜单，选择“新建”，选择“html文件”；

图1-1-2 新建html文件

第二步，输入文件名和保存位置，在“模板选择”中选择“”，然后点击创建（N）；

图1-1-3 创建文件

第三步，点击保存，完成HTML文件的创建。