美文网首页ThoughtWorks创新实验室
HTML之浅谈块元素和内联元素

HTML之浅谈块元素和内联元素

作者: 落花的季节 | 来源:发表于2016-11-14 19:53 被阅读27次

什么是块元素(block element)?什么是内联元素(inline element)?

  • 块元素前后都有换行,和前后元素都不在一行。
  • 内联元素也叫行内元素,在网页中总是随着文字流出现在“行内”。这些元素不会在它本身之前或之后生成“分隔符”,所以可以出现在另一个元素的内容中,而不会破坏其显示。

特点

  • 块元素特立独行
  • 块元素是网页的主要构建模块
  • 内联元素随波逐流

块元素:

  • p-段落,
  • table-表格
  • blockquote-引用
  • center-居中对齐
  • dir-目录列表
  • div-常用块级标签,
  • form-表单
  • h1-标题(6个级别)
  • hr-水平分割线
  • isindex- input prompt
  • menu-菜单列表
  • ol-排序列表
  • pre-格式化文本
  • ul-无序列表

内联元素:

  • abbr-缩写
  • acronym-首字
  • b-粗体
  • big-大字体
  • br-换行
  • cite-引用
  • code-引用代码
  • dfn -定义字段
  • em-强调
  • i-斜体
  • img-图片
  • input-输入框
  • label-表格标签
  • q-行内引用
  • s-中划线
  • select-项目选择
  • small-小字体
  • span -常用内联容器,定义文本内区块,
  • strike-中划线
  • strong-粗体强调
  • sub -下标
  • sup-上标
  • a-锚点
可变元素(根据上下文关系确定该元素是块元素或者内联元素)
  • applet – java applet
  • button – 按钮
  • del – 删除文本
  • iframe – inline frame
  • ins – 插入的文本
  • map – 图片区块(map)
  • object – object对象
  • script – 客户端脚本

相关文章

  • HTML之浅谈块元素和内联元素

    什么是块元素(block element)?什么是内联元素(inline element)? 块元素前后都有换行,...

  • CSS布局(inline和block)

    CSS内联元素和块级元素, 内联块级元素 HTML语言标签元素被分为三种类型: 内联元素(行内元素), 块级元素,...

  • css - 内联块(inline-block)

    Html元素分为块元素和内联元素。内联块不是内联元素(内嵌元素)。 我们划分区域的框都是矩形,90°直角的。 块元...

  • web前端入门到实战:HTML元素嵌套问题

    HTML元素嵌套问题 元素嵌套 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,只能包含其他的内联...

  • HTML5块元素标签的使用

    内容简介: HTML块1.HTML块元素块元素在显示时,通常会以新行开始如: 、 、 2.HTML内联元素内联元素...

  • day02 标签的分类 + 选择器 + 选择器优先排序

    1.HTML标签的分类 1.1 块标签 1.2 内联标签 1.3内联块标签 1.4 如何让内联元素和内联块元素水平...

  • 21日作业

    1 块元素变内联元素 2 HTML 元素可分为3类: 块元素(block)、内联元素(in-line)、可变元素 ...

  • HTML总结

    块级元素和内联元素 在HTML中有两种你需要知道的重要元素类别,块级元素和内联元素。 块级元素在页面中以块的形式展...

  • HTML学习笔记

    块级元素和内联元素 在HTML中有两种你需要知道的重要元素类别,块级元素和内联元素。 块级元素在页面中以块的形式展...

  • html中内联元素和块级元素的区别

    1.下表列出了内联元素和块级元素的主要区别 html中内联元素和块级元素的区别块级元素 行内元素独占一行,默...

网友评论

  • 6d96978eeefb:写的不错,看起来挺清楚的。

    一个小问题,块元素和内联元素能不能写出它们对应的英文单词?这样对于我想以他们为关键字去搜索资料,可能更方便一些。

本文标题:HTML之浅谈块元素和内联元素

本文链接:https://www.haomeiwen.com/subject/zyxnuttx.html