html在Mac上不适应

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

运行结果及报错内容

<h1>回乡偶书</h1>
<h2>贺知章</h2>
<p>少小离家老大回</p>
<p>乡书难改鬓音归</p>
<p>儿童放学归来早</p>

我的解答思路和尝试过的方法

请问一下在MAC上通过文本编辑器写出来的上述html文件，为什么使用safari打开后仍然是这样的文件，其标签如

```html

```等为什么都失去了效果？

我想要达到的结果

html文件有一定格式的。

<!doctype html>
<html >
<body>
写上上面那些内容。
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>


 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>回乡偶书</h1>
<h2>贺知章</h2>
<p>少小离家老大回</p>
<p>乡书难改鬓音归</p>
<p>儿童放学归来早</p>
 
</body>
</html>