零基础建站培训介绍

当前位置:

HTML行内元素和块状元素有哪些?以及区别

在我们的html视频教程,给大家介绍了很的HTML标签。在所有的HTML标签中,可以把这些HTML标签分为二大类,就是HTML块状元素和行内元素,他们各自特点,在网站制作过程中它们会起着各自的作用。

HTML行内元素和块状元素

HTML块状元素特点:

HTML块状元素独占一行,可控制大小。

可以设置margin、padding属性

HTML块状元素有哪些?

  • address – 地址
  • blockquote – 块引用
  • center – 举中对齐块
  • dir – 目录列表
  • div – 常用块级容易,也是css layout的主要标签
  • dl – 定义列表
  • fieldset – form控制组
  • form – 交互表单
  • h – 标题标签
  • hr – 水平线 HR标签
  • isindex – input prompt
  • menu – 菜单列表
  • noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容
  • noscript – 可选脚本内容(对于不支持script的浏览器显示此内容)
  • ol – HTML列表标签
  • p – 段落标签
  • pre – 格式化文本
  • table – 表格
  • ul – 非排序列表

 

HTML行内元素特点:

HTML块状元素不独占一行,不可控制大小。

仅可设置margin、padding的左右属性

HTML行内元素有哪些?

  • a – a标签
  • abbr – 缩写
  • acronym – 首字
  • b – html粗体标签
  • bdo – bidi override
  • big – 大字体
  • br – Br换行标签
  • cite – 引用
  • code – 计算机代码(在引用源码的时候需要)
  • dfn – 定义字段
  • em – 强调
  • font – 字体设定(不推荐)
  • i – 斜体
  • img – img图片标签
  • input – 输入框
  • kbd – 定义键盘文本
  • label – 表格标签
  • q – 短引用
  • s – 中划线(不推荐)
  • samp – 定义范例计算机代码
  • select – 项目选择
  • small – 小字体文本
  • span – 常用内联容器,定义文本内区块
  • strike – 中划线
  • strong – 粗体强调
  • sub – 下标
  • sup – 上标
  • textarea – 多行文本输入框
  • tt – 电传文本
  • u – 下划线
  • var – 定义变量
上一课: 下一课:

发表评论

*

* 绝不会泄露