使用记事本创建网页是一种简单且基础的方法来编写HTML代码。打开Windows自带的记事本程序。在记事本中输入以下基本HTML结构：，，``html，，，，，我的第一个网页，，，欢迎来到我的第一个网页！，这是我的第一段文字。，，，`，，保存文件时，记得将文件名后缀改为.html`。这样，当你用浏览器打开这个文件时，就可以看到你亲手制作的网页了。，，通过这种方式，你可以逐步学习并掌握HTML的基本语法和标签，为后续深入学习网页开发打下基础。
本文目录导读：
随着互联网的发展，越来越多的人开始学习如何制作网页，对于初学者来说，选择合适的工具和方法至关重要，记事本（Notepad）作为Windows系统自带的文本编辑器，虽然功能相对简单，但却是入门级网页制作的理想选择，本文将详细介绍如何利用记事本来创建简单的网页。
一、准备工作
1、打开记事本
- 在Windows系统中，可以通过以下方式找到并打开记事本：
1. 点击“开始”菜单，在搜索栏中输入“记事本”，然后点击搜索结果中的“记事本”应用程序。
2. 右键点击桌面空白处，选择“新建” -> “文本文档”，将其重命名为“index.html”（注意文件扩展名应为“.html”）。
3. 双击该文件即可打开记事本进行编辑。
2、了解HTML结构
- HTML（超文本标记语言）是构成网页的基础语言，基本的HTML文档结构如下所示：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>Welcome to my first webpage.</p>
</body>
</html>- “<!DOCTYPE html>”声明了文档类型；“<html lang="zh-CN">”定义了整个文档的内容容器，lang属性指定了页面使用的语言；“<head>”标签包含页面的元数据信息，如字符集和标题等；“<body>”标签包含了实际显示给用户的内容。
3、保存为HTML文件
- 将上述代码复制到记事本中，然后点击菜单栏上的“文件” -> “另存为...”，在弹出的对话框中选择文件的保存位置，并将文件名改为“index.html”，务必确保文件格式设置为“所有文件”，以便正确保存HTML文件。
4、预览网页
- 完成以上步骤后，关闭记事本窗口，然后在浏览器中打开刚才保存的“index.html”文件，就可以看到自己的第一个网页了！
二、添加更多元素
除了基础的标题和段落外，还可以通过添加其他HTML标签来丰富网页内容。
1、图片
- 使用<img>标签可以在网页上插入图片，语法如下：
<img src="image.jpg" alt="描述文字">- src属性指定了图片的路径，alt属性提供了替代文本，当图片无法加载时显示给用户。
2、链接
- 使用<a>标签可以创建超链接，语法如下：
<a href="https://www.example.com">这是一个链接</a>- href属性指定了链接的目标URL，text部分则是显示给用户的文本。
3、列表
- 使用<ul>或<ol>标签可以创建无序列表或有序列表，语法如下：
<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul><ul>用于无序列表，每个项目前都有一个圆点；而<ol>则用于有序列表，每个项目前面都会有一个数字序号。
三、样式化网页
为了使网页看起来更美观，可以使用CSS（层叠样式表）对HTML元素进行样式设置，以下是几种常见的CSS属性及其用法示例：
1、字体大小与颜色
- 设置字体大小的属性是font-size，单位可以是px（像素）、em（相对单位）等；设置字体颜色的属性是color，支持十六进制颜色值或RGB颜色表示法。
body {
font-size: 16px;
color: #333;
}2、背景颜色
- 背景颜色的设置同样使用background-color属性，支持的格式与前述相同。
body {
background-color: #f0f0f0;
}3、边距与填充
- 边距指的是元素周围的空间，使用margin属性进行设置；填充指的是元素内部的内容与边界之间的距离，使用padding属性进行设置。
h1 {
margin-top: 20px;
padding-left: 10px;
}将这些CSS规则加入到.html文件中，通常有两种方法：
- 方法一：直接在<style>标签内编写CSS代码，并将其放在<head>标签下。
<
