HTML基础知识~常用标签
要进入前端开发工作岗位，需要掌握的基础编码知识：
1）、 html（结构或内容），英文全称Heyper Markup Larguage.翻译后为超文本标记语言。
2）、 css（样式） Cascading Style Sheets.
3）、 Js(行为) Javascript
《正文》
1、 html 文档标准
①、 所有的的标签属性命名都要小写，属性值用双引号；
②、 html文档包括两部分 head 和 body ；
③、 head必须有title和编码格式；
④、 所有可见的内容都要放在body里面。
html文件的基本格式：（不包括docutype声明，docutype只是告诉浏览器我是一个html文件请按照html文件及对应版本解析）
即：
<html> <!--html标签为根标签-->
<head>
<title></title>
</head>
<body>(可视内容)</body>
<html>
如上面的文档结构，每一个可视内容都要用一个标签包住如：
<div>我是一个div标签</div>
2、常用标签
<html></html> <!--创建一个HTML文档，文档的根标签-->
<head> <!--设置文档标题和其它在网页中不显示的信息-->
<meta charset="utf-8"/> <!--meta提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器
（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。-->
<!--charset为申明编码解析格式-->
<title></title> <!--设置文档的标题-->
<link rel="stylesheet" type="text/css" href="路径"/> <!--定义一个链接和源之间的相互关系 常用来引入css样式表◆rel=""发送链接的类型-->
<style> 内嵌样式 </style>
<script type="text/javascript" src="路径"></script>
<script> 内嵌js代码块儿 </script>
</head>
<body>
<div></div> <!--用来排版大块html段落,没有任何语意-->
<span></span> <!--没有任何语意的行级标签-->
<h1></h1> 最大的标题到<h6></h6> 最小的标题，从1到6依次降级 <!--有默认的margin-->
<ol></ol> <!--创建一个标有数字的列表 即有序列表，有默认的margin和padding-->
<ul></ul> <!--创建一个标有圆点的列表 即无序列表，有默认的margin和padding-->
<li></li> <!--放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
若在<ul></ul>之间则每个列表项加上一个圆点 -->
<dl></dl> <!--自定义列表-->
<dt></dt> <!--放在每个定义术语词前-->
<dd></dd> <!--放在每个定义之前dt元素内容做出解释-->
<a href="url" title="提示链接信息" target="是否再打开新窗口"></a> <!--创建超文本链接-->
<img src="图片地址" alt="指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；" title="提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)"/>
<p></p> <!--创建一个段落 有默认margin-->
<em></em> <!--强调文本(斜体)-->
<strong></strong> <!--强调加重文本(加粗文本)-->
<big></big> <!--字体加大-->
<small></small> <!--字体缩小-->
<address></address> <!--为页面加入地址信息 H5新增标签-->
<code> var i = 0; </code> <!--在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用code标签了-->
<pre></pre> <!--预格式化的文本 要插入多行代码时不能使用code标签，如果是多行代码，可以使用pre标签-->
<sup></sup> <!--上标字-->
<sub></sub> <!--下标字-->
</br> <!--换行标签 没有样式-->
</hr> <!--分割线标签 -->
<table></table> <!--tbody这个标签基本上不怎么用了，html会自动添加 -->
<tr></tr> <!--表格的一行-->
<th></th> <!--表格的头部的一个单元格，表格表头-->
<td></td> <!--表格的一个单元格-->
<!--caption 表格标题
summary属性 表格的摘要 <table summary="哈哈哈 红红红"></table>
action属性 输入的数据被传送到的地址,比如一个PHP页面(test.php)。
method属性 数据传送的方式（get/post）-->
<iframe src="引入的路径"></iframe>
</body>
3、通过以上标签的简单介绍，细心的同学不难发现所有的标签都需要/来闭合，并且标签的样式有两种：
1）、单标签，通俗一点就是只有一个<>包裹的，他的闭合方式是<……/> ；
2）、双标签，那不就是有两个<>包裹的，他的闭合方式是<……></……> 刚学的时候我老是犯错误把双标签的闭合写成这样<……><……/> 结果html是不提示错误的，我又找不到错误，常常因为这样的找错误耽搁两个小时,所以粗心的同学注意了，这对于初学者是个大坑；
除了样式上的单双标签之外，还有行级和块级之分，也有不少前辈和老师称行级为内联块或内联元素，也有叫行内元素的，其实只是一个称谓罢了，大家不用太过纠结。
行级元素的特点：
1）、 默认排列在一行 ；
2）、 内容撑开宽度；
3）、 不可以设置宽高（如果非要设置，可以在css样式里面加display:block;或display:inline-block;或position属性;或float属性等）
4）、 margin（外边距）只对左右有用，上下没有用。
块级元素的特点：
1）、 默认独占一行，（总是另起一行开始）；
2）、 宽高与内容无关，支持css的所有样式；
当然还有其他的一些例如表格，列表项等样式，其实并没有什么特别的地方，就不在赘述了
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝