html元素是怎么区分的？（示例总结）

HTML即超文本标记语言，HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。

html基本结构具体示例如下：

 !DOCTYPE html  html  head  meta charset= UTF-8  title Document /title  /head  body  p body里面就是网页内容 /p  /body  /html 

html中的标签元素大体被分为三种不同的类型：块级元素、内联元素(又叫行内元素)和内联块级元素。

一、内联元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

常用的内联元素有哪些（即html行内元素有哪些）：

 a 、 span 、 br 、 i 、 em 、 strong 、 label 、 q 

设置display:inline;可以将块状元素转换为html行内元素

二、块级元素特点（html块级元素什么意思）：

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）

常用的块状元素有：

div 、 p 、 h1 ... h6 、 ol 、 ul 、 dl 、 table 、 address 、 blockquote 、 form

设置display:block；可以将元素转换块级元素。

三、内联块级元素特点：（同时具备内联元素、块级元素的特点）

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置！

常用的内联块状元素（即行内块级元素有哪些）：

img 、 input

display:inline-block；float:left / right；position：absolute/fixed;可以将元素设置为内联块级元素。

注：块级元素和行内元素，默认情况下块级元素会始终占居一行，而行内元素并不会。

以上就是html元素是怎么区分的？（示例总结）的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。