网页的组成

• HTML 具体内容
• CSS 样式
• JavaScript 交互

HTML标签的类型

• 块级标签 独占一行 能随时设置宽高 (span,p,h1,ul,li)
• 行内标签
  多个行内标签能同时显示在一行
  宽度和高度取决于内容的尺寸
  (span,a,label)
• 行内块级标签 可以显示在同一行，能够设置宽高
  (input)

但是标签类型不是死的 可以通过display属性来修改
display
none 不显示
block 块级
inline 行内
inline_block 行内块级

盒子模型

每个标签都是都是一个盒子

屏幕快照 2016-03-27 下午6.24.03.png

<!--段落标签-->
<p>段落</p>
<!--输入框-->
<input placeholder="请输入">
<!--target="_blank" 开新窗口-->
<a href="http://www.baidu.com" target="_blank">百度一下 你就上当</a>
<!--image-->
<!--
相对路径 项目中的路径
绝对路径 从网络等地方
-->
![](http://)
<!--列表-->
<ul>
    <li>111</li>
    <li>222</li>
    <li>333</li>
    <li>444</li>
</ul>
<!--容器 -->
<div>1111</div>