HTML--教程
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落。</p>
</body>
</html>举个最简单的例子,如上。
<!DOCTYPE html> //声明类型为html，告诉浏览器以html5标准解析页面。
<html>文档的根标签，所有html元素都包含在其中。
<head>包含文档数据（字符编码，页面标题），不直接显示在页面上。在这里我表示自己看不懂，所以我去搜了一下，理解如下：
<head>标签不会直接显示在浏览器窗口中，但它包含的元数据对网页的正确运行和搜索引擎的优化，核心作用：页面基础设置，资源加载（css样式表，js脚本，字体资源）。大概如此，反正就是不能没有，假如没有会出现，浏览器猜测字符编码，可能会出现乱码，标题栏显示“无标题”，css/js无法加载，页面无样式和交互，搜索引擎无法获取页面摘要。
<head>是网页的 "幕后指挥官"，负责协调资源、优化展示、传递关键信息，虽然不可见，但直接影响用户体验和网站性能。
<title></title> 设置浏览器签页和收藏夹显示的页面标题。
<body></body> 包含所有可见的页面内容（文本、图像、链接）。
html标记标签通常称为html的标签。
只有<body></body>才会在浏览器中显示。
对于设置 <meta charset="utf-8" /> 后出现网页乱码问题，其实归根到底就是：你通过 meta 标签设置的编码和网页文件在保存时所使用的文档编码不相同造成的！
至于有的人说什么 360 浏览器默认 GBK 会造成乱码，我只想说的是，
只要你在 html 文件里写了 <!doctype hmtl>和 <meta charset="utf-8" />，浏览器就绝对会按照 utf-8 编码解析网页，没有第二种可能！再次重点说明：保存 html 文件时，文档编码和 meta 设置的编码，一定要相同，只要不相同，就一定会出现乱码！
之所以一定要写上 <!doctype html>，就是为了防止浏览器的怪异模式，强制浏览器按照标准模式渲染网页！