本文主要和大家详细介绍了HTML常用的标签中行内元素和块级元素,需要的朋友参考下吧,希望能帮助到大家。

块元素(block element) HTML标签分类明细

* address - 地址

* blockquote - 块引用

* center - 举中对齐块

* dir - 目录列表

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

* dl - 定义列表

* fieldset - form控制组

* form - 交互表单 (只能用来容纳其它块元素)

* h1 - 大标题

* h2 - 副标题

* h3 - 3级标题

* h4 - 4级标题

* h5 - 5级标题

* h6 - 6级标题

* hr - 水平分隔线

* isindex - input prompt

* menu - 菜单列表

* noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容

* noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)

* ol - 排序表单

* p - 段落

* pre - 格式化文本

* table - 表格

* ul - 非排序列表

内联元素(inline element) HTML标签分类明细

* a - 锚点

* abbr - 缩写

* acronym - 首字

* b - 粗体(不推荐)

* bdo - bidi override

* big - 大字体

* br - 换行

* cite - 引用

* code - 计算机代码(在引用源码的时候需要)

* dfn - 定义字段

* em - 强调

* font - 字体设定(不推荐)

* i - 斜体

* img - 图片

* input - 输入框

* kbd - 定义键盘文本

* label - 表格标签

* q - 短引用

* s - 中划线(不推荐)

* samp - 定义范例计算机代码

* select - 项目选择

* small - 小字体文本

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

* strike - 中划线

* strong - 粗体强调

* sub - 下标

* sup - 上标

* textarea - 多行文本输入框

* tt - 电传文本

* u - 下划线

* var - 定义变量

可变元素 HTML标签分类明细

* applet - java applet

* button - 按钮

* del - 删除文本

* iframe - inline frame

* ins - 插入的文本

* map - 图片区块(map)

* object - object对象

* script - 客户端脚本

总结:

1.块级元素 block 如 p h1 p ul li等 会换行 想在同一行显示

需浮动或者display: inline

2.行级元素 inline 如 a span b 多个可以并排显示 默认设置宽度是不起作用

需设置 display: inline-block或者block才行。

相关推荐:

汇总三种行内元素转为块级元素的方法

html中的行内元素和块级元素小结

行内元素的相关用法总结

html中的行内标签吗,HTML标签中行内元素和块级元素详解相关推荐

  1. 行内块元素有哪些标签_html的行内元素与块级元素总结

    希望大家补充一下常见的块级元素与行内元素~ 如有错误,请大家在评论区指出,一起进步! 一.区别 二.常见的块级元素: p:段落标签 div:把DIV看作是一容器,容器专门用来包含内容 h1.h2- - ...

  2. html块中的内容垂直居中,css如何设置行内元素与块级元素的内容垂直居中

    首先我们先了解一下行内元素和块级元素 行内元素(内联元素):没有自己的独立空间,它是依附于其他块级元素存在的,空间大小依附于内容多少.行内元素没有度.宽度.内外边距等属性. 块级元素:占据独立的空间, ...

  3. 【HTML】行内元素与块级元素

    一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别 行内元素会在一条直线上排列,都是同一行的,水平方向排列 块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...

  4. 请写出至少五个块级元素_html 行级元素和块级元素标签列表分别有哪些

    展开全部 行内元素列表: 标签可定义锚 表示一个缩写形式 定义只取e5a48de588b662616964757a686964616f31333366303766首字母缩写 字体加粗 可覆盖默认的文本 ...

  5. html中内联元素和块级元素的区别(整理版)

    块级元素和内联元素的主要区别 块级元素 内联元素(即行内元素) 总是在新行上开始,独占一行默认情况下,宽度自动填满其父元素 相邻的行内元素会排列再同一行里,直到一行排不下,才会换行,宽度随元素的内容而 ...

  6. 行内元素与块级元素,以及区别

    行内元素与块级元素 首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比 ...

  7. 行内元素和块级元素的区别,为何img、input等行内元素可以设置宽高??(夯实基础)

    我们习惯将html中元素分类为行内元素和块级元素,如下: ·常见块级元素有:html.body.div.header.footer.nav.section.aside.article.p.hr.h1~ ...

  8. php div行内块元素,行内元素与块级元素的区别详细介绍

    首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...

  9. HTML行内元素、块级元素和行内块元素

    行内元素 HTML (超文本标记语言) 元素大多数都是行内元素或块级元素.一个行内元素只占据它对应标签的边框所包含的空间.行内元素依靠自己的字体大小或者是图像大小来支撑结构, 一般不可以设置宽度,高度 ...

最新文章

  1. bootstrap使用总结
  2. 倒计时1天!相约杭州云栖,相遇数据智能
  3. webbrowser selstart selLength
  4. 使用python 实现icmp测试主机存活性
  5. 为什么S/4HANA的销售订单创建会触发生产订单的创建 1
  6. 以下模块打印出超级块中某些字段的内容
  7. python 微信步数修改
  8. JAVA 使用aspose.cad将dwg文件转PDF(每个布局转为一页)
  9. 川大网页多媒体设计【李天翼班】资料整理
  10. java线程池正确使用姿势
  11. Altium Designer 18中的System–Design Insight
  12. 【呆瓜学maven】Maven介绍(创建工程项目以及下载所需要的jar包)
  13. 黄河金岸诗词大赛获奖作品选登(1)
  14. 十大众筹PC:硅谷新生代如何打造下一代计算机
  15. android 开发英语单词统计
  16. 消防工程师 第二篇 建筑防火 1.厂房和仓库的火灾危险性分类
  17. 在线教育,异军突起,有一种华丽转身,叫做.NET在线讲师!(全职/兼职皆可)...
  18. 4种方法实现文字竖向排列
  19. dmp文件导入oracle
  20. [小黄书管理平台]登录服务的实现

热门文章

  1. H5页面适配iOS、Android和微信
  2. mybatis3 oracle,Mybatis3中對oracle的批量插入
  3. android xml 画下划线,android – strings.xml:如何从标记前面的空格中删除下划线?...
  4. win7下安装python失败问题_win7下安装ipython失败
  5. java的注解_java-注解相关
  6. python开发基础戴歆第四章_第一阶段:Python开发基础 day04 课后练习
  7. 如何用极路由新插件【搜狐视频】进行远程下载
  8. form:radiobuttons单选按钮i-check选中触发
  9. Spring事务配置实例
  10. oracle关联字段和序列,oracle(9) 序列和约束