超文本标记语言(英语: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 小字体文本