提示：点击上方“HTML静态页面自学天地”↑可以订阅噢！

摘要
在掌握HTML制作知识之前，我们必须熟悉HTML的基础概念。

一、必知HTML基础-HTML教程系列目录

1. 理解浏览器作用
   浏览器的主要功能是浏览网页信息。在HTML+CSS开发过程中，浏览器同样起着至关重要的作用。它可以帮助我们测试所开发的静态页面是否符合要求、存在错误等问题。
   常用于测试的浏览器有IE6、IE7、IE8、火狐（FF）、谷歌Chrome、苹果Safari等主流浏览器。

2. 理解什么是HTML
   HTML是Hypertext Markup Language的缩写，即超文本标记语言。它通过特定的语法结构显示文字、图片等内容。
   而CSS则与HTML配合，实现各种样式的页面效果。

3. 了解我们需掌握的HTML基础知识

（1）HTML扩展名
例如：index.html、news.html等

（2）HTML源代码
例如：

页面内容

（3）DOCtype声明
通常用于定义文档类型和版本信息，有助于浏览器正确解析页面。

（4）HTML结构
HTML结构主要包括头部（head）、主体（body）两部分。

（5）常用的HTML单词及其功能

① a：链接标签
示例：超链接

② p：段落标签
示例：

这里是第一段内容

这里是第二段内容

③ img：图片标签
示例：

④ div与span：布局标签
示例：

我根据内容占比来调整位置

⑤ ul和li：无序列表标签
示例：

• 列表项一
• 列表项二

⑥ ol和li：有序列表标签
示例：

1. 列表项一
2. 列表项二

4. HTML结构-TOP

HTML结构主要包括以下几个部分：

（1）
声明文档类型和版本信息。

（2）
定义整个页面的根元素。

（3）
存储页面头部信息，如标题、字符编码等。

（4）
包含页面主要内容。

5. HTML与CSS关系

在HTML中，我们负责放置网页中的内容（如图片、文字、动画等），而CSS则负责控制这些内容的样式和布局。二者相互依存，共同构成美丽的静态页面。

以上就是关于HTML静态页面基础模板的简要介绍，希望对大家有所帮助。在后续的学习中，我们会为大家详细介绍相关知识和技巧，敬请期待！