行内元素和块级元素-html教程_行内块级元素定义

块级元素: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.