用 doctype 以及 html、head、meta 和 body 标签组装一个完整的网页。
在 Kodokon 中打开本课到目前为止，你写的都是 HTML 的片段。然而，一个真正的网页总是遵循同样的完整结构，就有点像一封正式信件总是有信头、正文和署名。一切都从 <!DOCTYPE html> 声明开始，它写在最开头的第一行：它告诉浏览器这份文档使用现代 HTML。它不是一个标签——它只是一个简单的声明，而且永远不需要关闭。
接下来是 <html> 元素，页面的根：其他所有内容都放在它里面。它的 lang="en" 属性说明文档的语言。它恰好包含两个子元素。首先是 <head>：页面的身份证，里面是对访客不可见的信息。然后是 <body>：所有可见的内容，也就是你的标题、段落、列表、链接、图片和表格。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My first page</title>
</head>
<body>
<h1>Welcome to my page!</h1>
<p>It contains everything I have learned.</p>
</body>
</html>我们来看看 <head> 里的内容。自闭合标签 <meta charset="UTF-8"> 指定字符编码：正是它保证了带重音的字符（é、à、ç）能正确显示。<title> 标签设置页面标题，它显示在浏览器标签页和搜索结果中。人们常常还会加上第二个 <meta> 标签，也就是所谓的 viewport（视口） 标签，好让页面能适应手机屏幕的宽度。
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1">
<title>My first page</title>
</head>你现在就可以试试，不用安装任何东西。打开一个简单的文本编辑器（Windows 上的记事本，Mac 上处于纯文本模式的 TextEdit），复制这个完整的骨架，然后把文件保存为 .html 扩展名，比如 index.html。接着双击这个文件：它会在你的浏览器中打开，你的第一个页面就出现了。