html标签元素有哪些种类？

　　首先我们来了解一下html标签元素可以分成哪些类型？

　　HTML中标签元素一般会分成三种不同类型，分别为：块状元素，行内元素，行内块状元素。

　　下面我们来详细介绍一下这三种类型元素的特点以及用处，并且让大家了解常用的块状元素与行内元素有哪些？

　　块状元素

　　特点：

　　1、独占一行，每一个块状元素都会从新的一行重新开始，从上到下排布

　　2、可以直接控制宽度、高度以及盒子模型的相关css属性（元素的高度、宽度、行高以及顶和底边距都可设置）

　　3、在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度

　　4、在不设置高度的情况下，块级元素的高度是它本身内容的高

　　因为它自身具有的这些特点，我们通常会使用块状元素来进行大布局（大结构）的搭建。

　　常用的块状元素：

　　1、普通元素

　　div（常用块状容器，也是csslayout的主要标签）、p（段落）、hr（水平分隔线）、table（表格）、form（交互表单）

　　2、标题元素：

　　h1（大标题）、h2（副标题）、h3（三级标题）、h4（四级标题）、h5（五级标题）、h6（六级标题）

　　3、列表元素

　　menu（菜单列表）、ol（有序列表）、ul（无序列表）、li（列表项）、dl（定义列表）、dt（定义术语）、dd（定义描述）

　　我们通过简单代码来看看这些块状元素

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="UTF-8">

　　<style>

　　div{

　　background-color:palegoldenrod;

　　}

　　background-color:paleturquoise;

　　}

　　h4{

　　background-color:papayawhip;

　　}

　　ul{

　　background-color:peru;

　　}

　　</style>

　　</head>

　　<body>

　　<div>div标签元素，占据一行</div>

　　<p>p标签元素，占据一行</p>

　　<ul>

　　<li>ul1li标签元素</li>

　　</ul>

　　<ul>

　　<li>ul2li标签元素</li>

　　</ul>

　　</body>

　　</html>

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