在Mac上编写HTML代码，可以使用多种文本编辑器，如Sublime Text、Visual Studio Code、Atom等，这里以Visual Studio Code为例，介绍如何在Mac上编写HTML代码。
1、下载并安装Visual Studio Code
访问Visual Studio Code官网（https://code.visualstudio.com/）下载适用于Mac的安装包，下载完成后，双击安装包进行安装，按照提示完成安装过程。
2、打开Visual Studio Code
安装完成后，找到Visual Studio Code图标，双击打开，首次打开时，会显示一个欢迎页面，可以选择“使用默认设置”或者“选择工作区设置”，这里我们选择“使用默认设置”，然后点击“下一步”。
3、安装扩展
为了方便编写HTML代码，我们需要安装一些扩展，点击左侧边栏的扩展图标（一个方形的图标），搜索“HTML”，然后安装第一个结果——“HTML Snippets”，这个扩展可以帮助我们快速生成HTML标签。
4、创建一个新的HTML文件
点击左上角的“文件”菜单，选择“新建文件”，然后在弹出的对话框中输入文件名（index.html），选择文件类型为“纯文本”（因为HTML是一种纯文本语言），最后点击“保存”。
5、编写HTML代码
现在，我们可以开始编写HTML代码了，在新建的index.html文件中，输入以下代码：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个简单的HTML页面。</p>
</body>
</html>
这段代码定义了一个简单的HTML页面结构，包括文档类型声明、HTML标签、头部信息和主体内容。<!DOCTYPE html>表示这是一个HTML5文档；<html>、<head>和<body>是HTML标签；<meta charset="UTF-8">和<meta name="viewport" content="width=device-width, initial-scale=1.0">是头部信息，用于设置字符编码和页面缩放；<title>标签用于设置页面标题；<h1>和<p>标签分别表示一级标题和段落。
6、预览HTML页面
编写完成后，我们可以预览一下HTML页面的效果，点击左上角的“查看”菜单，选择“浏览器”，在下拉列表中选择一个浏览器（Chrome），这时，Visual Studio Code会自动在浏览器中打开我们的HTML文件，如果需要手动刷新页面，可以点击浏览器右上角的刷新按钮（一个圆形箭头图标）。
7、修改HTML代码并实时预览
在编写HTML代码的过程中，我们可以不断修改代码并实时预览效果，只需将光标放在需要修改的代码行上，然后输入新的代码，修改完成后，按下键盘上的“Enter”键或“Tab”键，Visual Studio Code会自动保存修改并刷新浏览器中的预览效果。
8、保存HTML文件
编写完成后，记得保存HTML文件，点击左上角的“文件”菜单，选择“另存为”，然后选择一个文件夹作为保存位置，输入文件名（index_final.html），最后点击“保存”，这样，我们就完成了一个简单的HTML页面的编写。
在Mac上编写HTML代码，可以使用Visual Studio Code这样的文本编辑器，通过安装扩展（如HTML Snippets），我们可以更方便地编写HTML代码，编写完成后，可以实时预览效果并保存文件，通过学习和实践，我们可以掌握更多的HTML知识和技巧，编写出更丰富的网页内容。