<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Html和CSS的关系</title>
<style type="text/css">
h1{
第一行是说明这是html文档类型，头部标记<head></head>,meta是定用来义页面信息的说明、关键字、刷新等，http-equiv是用来传送HTTP通信协议的表头，content 是用来设置具体的属性值，charset是用来设置网页的内码语系，就是字符集的类型
<!DOCTYPE HTML>声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
<html>标签声明
<head>头部标签
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。
<title>Html和CSS的关系</title> 网页标题
<style type="text/css">样式
h1{ h1字号
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
<!DOCTYPE HTML>是声明你所使用的HTML版本，现在用的HTML5直接这么写就可以。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">中content="text/html是声明这个是HTML文件，charset=utf-8"是编码格式。
meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。在这个功能中，最重要的就是对Keywords和description的设置。因为按照搜索引擎的工作原理，搜索引擎首先派出机器人自动检索页面中的keywords和description，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。因此，我们必须设置好关键字，来提高页面的搜索点击率
title 标签是 页面的名字，也可以看作是咱们收藏该网页时候自动保存的名字，搜索引擎搜索也会按照这个名字来搜索，所以它应该是独一无二的。
style标签，来写CSS样式的，h1是对h1标签添加样式
第一排是文档类型，后面的HTML表示的是网页的意思。
head就是头或者标题的意思