HTML5是一种用于构建和呈现网页的标准标记语言，在制作简历时，可以使用HTML5来创建一个具有良好视觉效果和交互性的简历页面，以下是使用HTML5制作简历的步骤：
1、创建HTML文件：你需要创建一个HTML文件，这将是你的简历的基础，你可以使用任何文本编辑器来创建这个文件，例如Notepad++、Sublime Text或者在线的HTML编辑器如CodePen、JSFiddle等，将文件保存为“resume.html”。
2、编写基本的HTML结构：在HTML文件中，你需要编写一个基本的HTML结构，包括DOCTYPE声明、html、head和body标签。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>我的简历</title>
</head>
<body>
</body>
</html>
3、添加CSS样式：为了使你的简历看起来更美观，你可以使用CSS来设置样式，在head标签内添加一个style标签，然后在其中编写CSS代码，你还可以将这些CSS代码保存在一个单独的.css文件中，并在html文件中引用它。
<head>
<meta charset="UTF-8">
<title>我的简历</title>
<link rel="stylesheet" href="styles.css">
</head>
4、编写内容：在body标签内，你可以编写你的简历内容，使用div标签来组织不同的部分，例如个人信息、教育背景、工作经历等，为每个部分添加一个class属性，以便在CSS中设置样式。
<body>
<div class="personal-info">
<h1>张三</h1>
<p>电话：123456789</p>
<p>邮箱：zhangsan@example.com</p>
</div>
<!-- 其他部分 -->
</body>
5、添加图片和其他媒体元素：你可以使用img标签来添加个人照片，使用audio或video标签来添加音频或视频文件，确保为这些元素提供适当的alt属性，以便在无法显示图像或媒体时提供替代文本。
<div class="personal-info">
<img src="zhangsan.jpg" alt="张三的照片">
<h1>张三</h1>
<p>电话：123456789</p>
<p>邮箱：zhangsan@example.com</p>
</div>
6、添加链接和按钮：你可以使用a标签来添加链接，使用button标签来添加按钮，为这些元素提供适当的href属性和onclick事件处理程序。
<div class="contact-info">
<a href="https://www.linkedin.com/in/zhangsan/" target="_blank">LinkedIn</a>
<button onclick="alert('你好！')">发送消息</button>
</div>
7、优化响应式设计：为了使你的简历在不同设备上都能正常显示，你需要使用响应式设计技术，这通常涉及到使用媒体查询（media query）来根据屏幕尺寸调整样式，你可以在CSS文件中编写媒体查询代码。
@media (max-width: 768px) {
body {
font-size: 14px;
}
}
8、测试和调试：在完成简历制作后，你需要在不同的浏览器和设备上测试它，以确保其正常运行，如果遇到问题，可以使用浏览器的开发者工具来调试HTML和CSS代码。
9、发布和分享：你可以将你的简历上传到服务器，或者将其分享到社交媒体和招聘网站上，确保提供一个清晰易读的URL，以便其他人可以轻松访问你的简历。
使用HTML5制作简历可以让你更好地展示自己的技能和经历，通过编写基本的HTML结构、添加CSS样式、编写内容、添加图片和其他媒体元素、优化响应式设计以及测试和调试，你可以创建一个具有良好视觉效果和交互性的简历页面。