html不区分大小写，但还是小写为好规范
<head>
<title>网页的标题信息</title> //定义了浏览器工具栏的标题；当网页被收藏时，显示在收藏夹中的标题；显示在搜索引擎结果页面的标题
<meta> //提供了元数据,但不显示在页面上，但会被浏览器解析；通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据 <link href=“被连接文档的位置” rel=“规定当前文档与被链接文档之间的关系” type=“规定被链接文档的类型。”> //定义了文档与外部资源之间的关系,通常用于链接到样式表 <link rel="stylesheet" type="text/css" href="mystyle.css"> <style></style> //定义了HTML文档的样式文件引用地址,也可以直接添加样式来渲染 HTML 文档//也可在<p>、<body>中用于添加样式 eg：<body style="backgroud-color:yellow"> 将背景颜色设置为黄色
<style type="text/css"> body {background-color:yellow} p {color:blue} </style>
<script>...</script> //用于加载脚本文件，如： JavaScript。
</head>
<!--注释文字--><hx>x=1,2,3,4,5,6 表示x级标题</hx><strong>将文字加粗</strong><em>将文字变斜体</em><span>在此期间字体格式没有变化</span> //只是为了分区，方便为文字设置单独样式即更改此类文字的格式<br />换行 //为空标签，只有开始标签，没有结束标签<hr />添加水平衡线 //为空标签，只有开始标签，没有结束标签;在浏览器中的默认样式线条比较粗颜色为灰色，但学习了css样式表之后，可以对其修改。<q>为短引用句加引号</q><blockqoute>将长引用字段前后缩进</blockqoute><img src="图片名" alt="提供在图像不可见时对图像的描述" title = "提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)"> //引入图片<address>联系地址信息</address> //将联系地址信息显示为斜体<code>代码行</code><pre>代码段</pre>//可以保留源代码的格式包括空格和换行<ul> <ol><li>信息</li>
<li>信息</li>
.......
</ul> <ol> //<ul>形成没有前后顺序的信息列表，并且每一个<li>列表前会有一个默认样式圆点
//<ol>形成有前后顺序的信息列表，并且每条信息会按照顺序一次显示1,2,3,4......
<div id="版块名称">区域块标签</div> //独立的容器标签<table summary=“”> //整个表格以<table>标记开始、</table>标记结束。summary表示的内容是对表格的解读，不会在浏览器中显现出来，只是方便搜索引擎解读，增加可读性<caption>表格的题目</caption>//表格题目可显现出在表格上方
<tr>
<th> 表头1</th>
<th>表头 2</th> //表格表头，粗体并且居中显示
</tr> //表格的一行，所以有几对tr 表格就有几行。
<tr>
<td></td>
<td></td>//表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
</tr>
</table>//table表格在没有添加css样式之前，在浏览器中显示是没有表格线的，只显示表格内容
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示文本</a> //title表示的内容是提示作用，语义化更友好；显示方式是小小的对话气泡中显示title文本；target="_blank"表示链接在新的浏览器窗口中打开，如果没有则默认在当前浏览器窗口打开<a href="mailto:收件人邮箱?cc=抄送人邮箱&bcc=密件抄送邮箱&subject=主题&body=内容">链接文字</a>//连接到发送邮件
