html分类与区别

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。那么html元素的分类与区别是什么呢?本文就将对此进行介绍。

HTML元素

HTML 元素以开始标签起始,以结束标签终止。元素的内容是开始标签与结束标签之间的内容。某些 HTML 元素具有空内容(empty content)。空元素在开始标签中进行关闭(以开始标签的结束而结束)。大多数 HTML 元素可拥有属性

标签分类与区别

html标签(又叫html元素)分为:块级元素和内联级元素(又称为行内元素)

块级元素

块级元素是指本身属性为display:block;的元素。因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建。

块级元素的特点

  • 独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布
  • 可以直接控制宽度、高度以及盒子模型的相关css属性
  • 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
  • 在不设置高度的情况下,块级元素的高度是它本身内容的高度

常见块级元素

  • div 常用块级元素,CSS-layout的主要标签
  • h1~h6 标题,大标题,副标题,。。。六级标题
  • hr 水平分隔线
  • menu 菜单列表
  • ol 有序列表
  • ul 无序列表
  • li 列表项
  • dl 第一列表
  • dt 定义术语
  • dd 定义描述
  • table 表格
  • p 段落
  • from 交互表单

内联元素(行内元素)

内联元素是指本身属性为display:inline;的元素。因为它自身的特点,我们通常使用行内元素来进行文字、小图标(小结构)的搭建。

内联元素(行内元素)的特点

  • 和其他内联元素从左到右在一行显示
  • 不能直接控制宽度、高度以及盒子模型的相关css属性,但是直接设置内外边距的左右值是可以的
  • 内联元素的宽高是由本身内容的大小决定(文字、图片等)
  • 内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素

常见内联元素

  • span 常用内联元素,定义文本内区块
  • a 锚点
  • b 加粗
  • strong 加粗强调
  • i 斜体
  • em 斜体强调
  • s 中划线(不推荐)
  • strike 中划线
  • del 文档中已被删除的文本
  • br 强制换行
  • textarea 多行文本输入框
  • input 输入框
  • select 下拉列表
  • label input元素定义标注(标记)
  • img 引入图片
  • sub 下标
  • sup 上标
  • big 大字体文本
  • small 小字体文本

猜你喜欢

转载自www.cnblogs.com/rainbowly/p/12818772.html
今日推荐