html分类与区别

标签：lin   推荐   表格   sub   英语   内联   菜单   常见   标准   

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

html分类与区别

标签：lin   推荐   表格   sub   英语   内联   菜单   常见   标准   

原文地址：https://www.cnblogs.com/rainbowly/p/12818772.html