过最新的HTML5先来说HTML。

行级标签与块级标签转换用到的css

display : block(块级) inline(行级) inline-block(行块级)

文采不够飞扬，直接进入主题。

块级标签：

1. div 在布局当中最常用，可定义文档中的分区或节。

2. h1~h6 定义标题

3. ul(无序列表) ol(有序列表) dl(定义列表 dt dd)

4. form 发送数据交互请求
   

5. p 定义段落

6. table 表单

7. br 换行

8. hr 水平分隔符

行级标签：

1. span 可以用来改变段落里面的样式

2. a 超链接

3. button 按钮

4. select 下拉框
   

5. strong 强调文本，可以加粗字体

6. input type类型包含文本框、密码卡、单选框、多选框、等等可以自行百度

7. i 字体倾斜效果

8. b 字体加粗效果

9. s 字体中划线

10. textarea 文本输入控件
    

欢迎大家补充！

、块级标签

级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

行内元素：span, strong, em, br, img , input, label, select, textarea, cite,

内联元素(inline element)a - 超链接

b - 粗体(不推荐)br - 换行

em - 强调

font - 字体设定(不推荐)

i - 斜体

img - 图片

input - 输入框

label - 表格标签

select - 选择框

small - 小字体文本

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

strong - 粗体强调

sub - 下标

sup - 上标

textarea - 多行文本输入框

块元素(block element)* blockquote - 块引用

* center - 居中

* div - 常用块级容易，也是css layout的主要标签

* dl - 定义列表

* form - 交互表单

* h1 - 大标题

* h2 - 副标题

* h3 - 3级标题

* h4 - 4级标题

* h5 - 5级标题

* h6 - 6级标题

* hr - 水平分隔线

* ol - 排序表单

* p - 段落

* pre - 格式化文本

* table - 表格

* ul - 无序列表

块级元素和行内元素的区别：

1）块级元素会独占一行，其宽度自动填满其父元素宽度

行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容 而变化

2） 块级元素可以设置 width, height属性，行内元素设置width, height无效

3) 块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。

文章自留地：

成笑笑博客_一个.Net和安卓技术狂爱者博客。

主要以发布和分享.Net和安卓文章为主，争做全栈开发工程师，爱学习，爱挑战，爱编程。用技术改变生活。

欢迎关注，微信公众号:net知识分享（net4k8k）[做个12k的技术员].博客网址：www.chengxiaoxiao.com.

欢迎加入qq技术交流群：538742639.