宜宾网站建设公司

html元素是如何区分的-创新互联

小编给大家分享一下html元素是如何区分的，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

专注于为中小企业提供成都网站设计、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业商城免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了1000多家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

首先大家要知道什么是HTML？

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

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




    
    Document
    
    
    
body里面就是网页内容

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

html元素是如何区分的

一、内联元素特点：

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;可以将元素设置为内联块级元素。

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

      以上是html元素是如何区分的的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

      另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


      网站栏目：html元素是如何区分的-创新互联
      本文链接：http://hbruida.cn/article/spjjh.html

      其他资讯