行内和块级元素

行内元素：inline element

也叫内联元素、内嵌元素等；行内元素一般都是基于语义级(semantic)的基本元素，只能容纳文本或其他内联元素，常见内联元素 “a”；

1、锚链接

锚链接点我啊^_^

2、b标签字体加粗(不推荐)

字体加粗标签

3、br换行

4、em强调

em斜体强调

5、i-斜体

斜体

6、img图片标签

7、输入框

用户名：

8、选中关联字体会选中点选框label

性别:  男  女  女博士

9、select下拉列表

请选择年龄:    ----请选择年龄----   18 岁   19 岁   20 岁 

10、span常用内联容器，定义文本内区块

美国总统奥巴马在白宫为获奖者颁发美国国家科学奖章。

11、strong字体强调标签

strong字体强调标签，强调程度更强些提示seo这段文字很重要有利于seo优化

12、sub下标

O₂ + C = ? 

13、sup上标

3³ + 2²=31

14、多行文本域

登录协议:  

15、u - 下划线

每个块级元素默认占一行高度，一行内添加一个块级标签后一般无法再添加其他元素(float浮动后除外)

两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素

<table>
<tbody><tr class="title">
  <td>编号</td>
  <td>姓名</td>
  <td>年龄</td>
  <td>性别</td>
</tr>
<tr class="item">
<td>001</td>
<td>张三</td>
<td>20</td>
<td>女</td>
</tr>
<tr class="item">
<td>002</td>
<td>李四</td>
<td>50</td>
<td>男</td>
</tr>
<tr class="item">
<td>003</td>
<td>王五</td>
<td>23</td>
<td>女</td>
</tr>

</tbody></table>

编号姓名年龄性别001张三20女002李四50男003王五23女

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流 ,比如一样写不完自动换行就是普通,从上到下，从左到右，一个挨一个的简单或者叫正常布局 ;

定位position:Static/relative/absolute

float浮动脱离文档流，不占空间，