编写html动画只需用记事本输入代码，保存为.html文件后用浏览器打开即可；修改时重新用记事本编辑并刷新页面，关键在于正确保存文件格式与扩展名。
用文本文档编写和运行HTML动画其实很简单，只需要几个步骤就能实现。你不需要复杂的软件，只要电脑上有文本编辑器（如记事本）和浏览器就可以操作。
1. 编写HTML动画代码
打开“记事本”或任意纯文本编辑器，输入一段包含动画效果的HTML代码。例如，下面是一个简单的移动方块动画：
<!DOCTYPE html>
<html>
<head>
<title>简单动画</title>
<style>
.box {
width: 50px;
height: 50px;
background-color: red;
position: relative;
animation: move 2s infinite alternate;
}
@keyframes move {
from { left: 0; }
to { left: 200px; }
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
这段代码创建了一个红色小方块，并让它在页面上来回移动。
2. 保存为HTML文件
点击记事本的“文件”→“另存为”，在保存类型中选择“所有文件”，文件名输入 animation.html，编码选择 UTF-8，然后保存到桌面或任意方便的位置。
立即学习“前端免费学习笔记（深入）”；
注意：文件扩展名必须是 .html，不能是 .txt。
3. 运行HTML动画
双击你保存的 animation.html 文件，系统会默认用浏览器打开它。这时你就能看到动画正在运行。
支持HTML5的现代浏览器（如Chrome、Edge、Firefox）都能正常显示CSS或JavaScript动画。
4. 修改与调试
如果想修改动画，右键HTML文件 → 打开方式 → 记事本，修改后保存，再刷新浏览器即可看到变化。
可以尝试调整动画时间、颜色、路径等参数，观察效果变化。
基本上就这些。不复杂但容易忽略的是文件保存时的格式和后缀名。只要正确保存为.html，就能顺利运行HTML动画。
