1.
这是一个DOCTYPE指令，它告诉浏览器这个文档使用的是HTML 5。DOCTYPE指令并不是HTML中的标签，而是HTML文档的第一行。
2.
这是HTML文档的根元素，这里可以定义文档的语言、字符集和其他元素。HTML代码必须从开始，以结束。
3.
这个元素里包含了一些信息，比如文档的标题，字符集和样式信息等。
4.
</p><p>该元素包含网页的标题，显示在浏览器的标签栏中。</p><p>5. <meta></p><p>该元素可以设置网页的一些元数据，如字符集、关键字、描述等。</p><p>6. <link></p><p>这个元素通常被用来链接外部CSS样式表或其他外部资源。</p><p>7. <body></p><p>这是页面文档中的主要内容区域，所以所有的用户可见内容都应该放置在<body>元素内。</p><p>8.<header></p><p>该元素表示头部区域，通常包含网站的logo，导航菜单等。</p><p>9.<nav></p><p>这个元素用来指定网页中的导航菜单，它通常在<header>标签内使用，以实现页面导航的功能。</p><p>10.<p>该元素定义网页中的一块区域，并且可以使用class或id来进行样式的定义和定位。</p><p>11.</p><p>该元素可以定义独立的文章、博客或新闻等内容，可以通过CSS来改变整体的样式。</p><p>12.</p><p>该元素表示网页中的侧边栏，通常包含一些有用的信息或链接。</p><p>13.<footer></p><p>该元素表示网页底部区域，通常包含版权信息、联系方式等。</p><p>14.<p>该元素用于分组很多种类的内容，它没有特殊含义，通常被用来给内容简单的分组。</p><p>15.<p>该元素用来定义段落，通常用于包含文本。</p><p>16.</p><p>该元素用于在页面中展示图片，它需要一个src属性来指定图片的URL。</p><p>17.</p><p>该元素用于创建超链接，它需要一个href属性来指定链接的目标地址。</p><p>18.</p><p>该元素表示无序列表，通常用于罗列文章的特色、产品的特点等。</p><p>19.</p><p>该元素表示有序列表，数字编号从1开始，通常用于罗列重要的步骤、计划、排名等。</p><p>20.</p><p>该元素表示列表的每个单独的项目，应该包含在或元素中。</p><p>21.</p><p>该元素可以用来插入一个表格，它可以定义行、列和单元格。</p><p>22.</p><p>该元素表示表格中的一行。</p><p>23.<th></p><p>该元素表示表格中的表头单元格，通常加粗且居中。</p><p>24.</p><p>该元素表示表格中的内容单元格。</p><p>25.<form></p><p>该元素用于创建表单，通常包含输入框、按钮、下拉框等控件。</p><p>26.</p><p>该元素用于插入表单中的不同类型的控件，常用的类型有：文本框、单选、复选等。</p><p>这样，我们就分别介绍了网页代码的各个组成部分和常用元素，如果您将这些部分和元素组合在一起，就可以构建出各种类型的网页。虽然HTML和CSS语言非常基础，但是如果您掌握了它们，就可以轻松创建自己的网站。</p><p>静态网页简介。</p><p>1.1 什么是静态网页？</p><p>静态网页是指不需要使用数据库进行动态数据交互的网页，也就是说，静态网页的HTML文件没有使用服务器进行数据处理，而是直接显示出来的网页。它们能够在多种设备中以相同的方式展现，如PC、平板电脑、智能手机等。</p><p>1.2 为什么要使用静态网页？</p><p>静态网页相对于动态网页具有许多优点。首先，它们需要更少的服务器资源和硬件。服务器不需要进行数据处理，同时还节省了关于开发数据库的成本。特别是对于小型网站，这是一种很好的选择。其次，由于静态网页的HTML文件是静态的，也就是说，当用户浏览该网页时，它会直接从网页服务器中传输到用户的电脑上，这意味着在下载时速度更快，并且可以获得更好的用户体验。此外，静态网页还具备更好的安全性，因为它们没有开发数据交互，而且没有数据库，避免一些有害的 SQL 注入攻击。</p><p>HTML简介</p><p>2.1 什么是HTML？</p><p>HTML是一种标记语言，主要用于Web浏览器中的内容展示。HTML代表超文本标记语言，是一种非常流行的网页制作语言。它是由一些标签、属性、文本等组成，让Web开发者可以使用这些标记来创建并布局网页，以便更好地为用户提供视觉和内容。</p><p>2.2 HTML的基本结构</p><p>HTML文档是由标记和文本组成的，标记用于指定文本的格式。下面是一个HTML文档的基本结构：</p><p><!doctype html></p><p><head></p><p><title>网页标题<body>
这是一个网页示例
这是一个段落。
理解这个结构的每个部分非常重要，因为这些基础组件将成为我们学习HTML的核心。
在此结构中，文档主题由doctype说明。doctype告诉浏览器文档的版本，以便它能够正确显示文档。doctype是必需的，但它不是HTML标记，也不会出现在浏览器中。
html标记表示文档根元素，并归集了其他HTML元素。整个文档写在标记内。
head标记包含文档的元数据，比如标题标签。元数据是指描述文档内容的数据，而不是文档本身的内容。
body标记包含文档的实际内容，如标题、段落、图像和超链接等。
标题和段落是HTML标记的两个基本组件。标题标记用于显示重要文本，而段落标记用于显示文本段落。
HTML标签
3.1 什么是HTML标记？
HTML中的标记是用于定义不同页面元素的标识符。标记对浏览器无效，是为开发人员而写的，它们向浏览器提供关于内容展示的信息。HTML标记包括开始/结束标记以及一些没有结束标记的标记(例如换行标记)。
3.2 HTML标记的语法
HTML标记由一对尖括号定义，并且它们通常成对出现。例如：
这是一个段落。
在这个例子中，标记
和
3.3 HTML常用标记
下面是CSS常用的一些标记:
标记描述
至定义标题的大小，h1是最大的标题，h6是最小的标题
定义一个段落
定义一个超链接
定义一个图像
定义一个无序列表
定义一个有序列表
定义一个列表项
定义一个表格
定义表格行
定义表格列
