html元素是怎么区分的？

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

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

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="UTF-8">

　　<title>Document</title>

　　</head>

　　<body>

　　<p>body里面就是网页内容</p>

　　</body>

　　</html>

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

　　0df1f70c2c7dfe407f3cb5c627f9500.png

　　一、内联元素特点：

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

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

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

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

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

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

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

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

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

　　常用的块状元素有：

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

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

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

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

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

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

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

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h54935.shtml