head标签：
文件头标签，用来设置样式，或者页签，用户看不到这里的内容
每个html文件只能有一对head标签
body标签：
所有的用户需要看到的内容都写在body标签中
h标签：
用来给文本添加标题语义的，不是用来改变样式的
h标签从大到小有h1,h2,h3,h4,h5,h6六种样式
用h标签包裹的文本都独占一行
在企业项目中要慎重使用h标签，每一个html文件中之能还有一个h1标签，这个跟SEO有关
p标签
告诉浏览器那些文本是一个段落
在浏览器中单独占据一行
hr标签：
在浏览器上显示分割线，单标签<hr/>
img标签：
图片标签，
格式：<img src = "xxx.jpg" width = "100" height = "88" title = "照片" alt = "对不起图片找不到">
src属性（source），表示图片名称，
------------------------------------------------------------------------------------------------------------------------
有两种赋值方法
1.相对路径
在html文件所在的文件夹中查找图片名称的图片
src = "xxx.jpg"
或在该文件夹下的子文件件中查找
src =" images/xxx.jpg"
在上级文件夹中查找
src = "../xxx.jpg"
src = "../images/xxx.jpg"
在上上级中
src = "../../images/xxx.jpg"
这是浏览器推崇的方法，一般同一个工程的文件放在一个包里
2.绝对路径
src = "http://xx.xxx.xxx.xxx:xx/images/xx.jpg"
src = "C:UsersAdministratorDesktopimages/DSC_98893.jpg"
一般不使用绝对路径，因为绝对路径的可移植性差
注意：路径中最好不要出现中文，有可能会出现错误
在企业开发中，如果需要编写路径，统一使用反斜杠/，不用正斜杠\,因为其他操作系统的路径都是使用反斜杠/,项目有可能会移植到其他操作系统
----------------------------------------------------------------------------------------------
可选属性
width和 height，可以只指定其中一个，另一个按照比例缩放
title 鼠标停在图片上时，弹出的提示
alt 英语alternate的缩写，告诉浏览器当图片找不到时，显示的内容
br标签：
换行标签<br/>
企业开发中很少使用，因为需要在段落内换行的情况比较少，一般用p标签
a标签：
用于控制页面与页面之间的跳转
格式 :<a href = "指定需要跳转的网页">需要给用户查看的内容</a>
1.a标签中不仅能包裹文字，也可以包裹图片
<a href = "baidu.html"><img src = "../images/DSC_9889.jpg" title = "陈梦霞"></a>
2.a标签中必须有href属性，href的值是一个url地址或者本地网页
<a href = "http://www.baidu.com">百度</a>
<a href = "web/baidu/baidu.html">本地百度</a>
3.taget属性，控制跳转方式，有两个值_self和_blank
_self在当前选项卡中跳转，覆盖原来的页面
_blank在新的选项卡中跳转
4.title 属性，鼠标放在文本或图片上时显示的提示
<a href = "http://www.baidu.com" target = "_blank" title = "跳转百度">百度以下你就知道</a>
base标签：
专门用来统一指定a标签的target属性值的<base target = "_blank">
1.必须写在<head>标签中间
2.如果base中指定了target属性，a标签中也指定了target属性，浏览器会按照a标签指定的属性跳转
假连接 #和javascript:
在网站开发初期，可能很多跳转的网页都还没以后开发出来，这时候可以先用假连接展位，等其他子网址都开发出来了再替换
<a href = "#">假连接</a>
<a href = "javascript:">假连接</a>
区别：如果假连接在网页的中部或者底部，#点击后网页会自动回滚到顶部，而点击javascript:不会自动回到网页顶部，保留在原来的地方
锚点
a标签不仅可以跳转到别的页面，还可以跳指定页面的指定位置
需要两个步骤：
1.(所有的标签都有id属性)给指定位置绑定id：<p id = “gohere”>跳转到这里来</p>
2.给a标签指定跳转位置：
本页面中:<a href = "#gohere">跳转</a>
其他页面的指定位置：<a href = "页面地址#gohere">跳转</a>
特点：这样的方式跳转是无动画的
列表标签：
分类：
1.无序列表，使用最多，(unordered list)，存放不需要顺序的数据组，比如中国城市
使用场景：新闻列表，商品列表，
列表标签格式 <ul>
<li>列表条目(list item)</li>
</ul>
注意：a.ul标签是用来给数据添加列表语义的，不是用来添加小圆点的
b.li标签和ul标签是一个组合，不会单独使用，在ul标签中，不推荐使用除了li标签之外的其他标签,但是在li标签中可以使用其他标签（包括ul标签）来丰富列表样式
2.有序列表,使用最少，ordered list，存放需要顺序存放的数据，比如排行榜
使用场景：新闻列表，商品列表，
列表标签格式 <ol>
<li>列表条目(list item)</li>
</ol>
注意：ol标签的注意点和ul相似
ol的属性type可以指定排列方式，比如abcd,ABCD,1234
3.定义列表,使用频率在两者之间，definition list,
使用场景：做网站底部的相关信息，做图文混排
给以对数据添加列表语义，先通过dt标签定义列表中的所有标题，再用dd标签描述每个标题的内容
列表标签格式 <dl>
<dt>标题(difinition title)</dt>
<dd>描述(difinition description)</dd>
</ol>
注意：dl和ul标签一样，dl标签和dt/dd标签是一个整体，dd中可以使用其他标签，但在dl中不要使用其他标签
dt和dd标签虽然可以一对多，多对一的使用，但是推荐一对一的使用方式
表格标签：
用来给一对数据添加表格，是一种数据的展现形式，当数据量非常大的时候，用表格展示最为清晰，过去表格标签用得非常多，绝大多数的网站都是用来用表格标签来做的，像一些古老的网址新浪，或者政府网站
格式：<table>
<tr>
<td>需要显示的内容</td>
</tr>
</table>
tr表示表格中的一行，td表示一行中的一个单元格
注意：表格标签有一个边框属性border,这个属性决定了表格的边框的宽度，默认属性值为0，看不到边框
table标签都是和tr和td一起使用的