html标签元素是什么品种？html的常用标签元素的介绍
第一我们来理解一下html标签元素可以分成哪些类型？
HTML中标签元素一样会分成三种不一样类型，离别为：块状元素，行内元素，行内块状元素。
下面我们来具体介绍一下这三品种型元素的特点乃至用途，并且让大家理解常用的块状元素与行内元素是什么？
块状元素
特点：
1、独占一行，每一个块状元素都会从新的一行从新开端，从上到下排布
2、可以直接操纵宽度、高度乃至盒子模型的相关css属性（元素的高度、宽度、行高乃至顶和底边距都可设定）
3、在不设定宽度的状况下，块级元素的宽度是它父级元素内容的宽度
4、在不设定高度的状况下，块级元素的高度是它本身内容的高
由于它本身具有的这些特点，我们平常会使用块状元从来停止大规划（大构造）的搭建。
常用的块状元素：
1、一般元素
div（常用块状容器，也是css layout的主要标签）、p（段落）、hr（水平分隔线）、table（ 表格）、form（交互表单）
2、标题元素：
h1（大标题）、h2（副标题）、h3（三级标题）、h4 （四级标题）、h5 （五级标题）、h6（六级标题）
3、列表元素
menu（菜单列表）、ol（有序列表）、ul（无序列表）、li（列表项）、dl（定义列表）、dt（定义术语）、dd（定义描写）
我们通过简便代码来看看这些块状元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>块状元素</title>
<style>
div{
background-color: palegoldenrod;
}
p{
background-color:paleturquoise ;
}
h4{
background-color:papayawhip;
}
ul{
background-color: peru;
}
</style>
</head>
<body>
<div>div标签元素，占据一行</div>
<p>p标签元素，占据一行</p>
<h4>标题元素，占据一行</h4>
<ul>
<li>ul1 li 标签 元素</li>
<li>ul1 li 标签 元素</li>
</ul>
<ul>
<li>ul2 li 标签 元素</li>
<li>ul2 li 标签 元素</li>
</ul>
</body>
</html>结果图：
行内元素
特点：
1、和其他内联元素从左到右在一行显示
2、不克不及直接操纵宽度、高度乃至盒子模型的相关css属性，但是直接设定里外边距的摆布值是可以的
3、内联元素的宽高是由本身内容的大小决议（文字、图片等）
4、内联元素只能容纳文本或者其他内联元素（此处请留意，不要在内联元素中嵌套块级元素）
由于它本身具有的这些特点，我们平常会使用行内元从来停止文字、小图标（小构造）的搭建。
常用的行内元素：
1、一般元素标签
span（常用内联容器，定义文本内区块），a（锚点，链接），img（引入图片），br（强迫换行），sub（下标），sup（上标）
2、文本文字润饰标签
b（加粗），strong（加粗强调），i（歪体），em（歪体强调），，big（大字体文本），small（ 小字体文本），s（中划线（不引荐使用）），strike（中划线），del（文档中已被删除的文本），u（下划线）
3、表单内使用的标签元素
textarea（多行文本输入框），input（输入框），select（下拉列表），label input（元素定义标注（标志））
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>行内元素</title>
<style>
span{
background-color: palegoldenrod;
}
p{
background-color:paleturquoise ;
}
</style>
</head>
<body>
<span>span标签元素1</span>
<span>span标签元素2</span>
<img src="1.png" width="100px" />
<img src="1.png" width="100px" />
<p>换一行看看文字结果，我是一段测试代码，<b>被b标签加粗</b>。我是一段测试代码，<i>被i标签变成歪体</i>。</p>
</html>结果图：
行内块状元素
特点：
1、和其他元素都在一行上，不会主动换行，默许摆列方式为从左到右；
2、元素的高度、宽度、行高乃至顶和底边距都可设定。
行内块状元素综合了行内元素和块状元素的特点，但是各有取舍。因此行内块状元素在日常的使用中，由于其特点，使用的次数也比力多，在许多方面都很有用。
总结：以上就是本篇文章所介绍的html标签元素的三个类型，离别为：块状元素，行内元素，行内块状元素；乃至常用的块状元素与行内元素介绍。每品种型的标签都有每种的特点，大家可以本人动手尝试，看看不一样标签的使用，加深懂得，按照需要在不一样的状况下使用不一样的标签。但愿能对大家的学习有所帮忙，更多相关教程请拜访： HTML视频教程，Html5视频教程，bootstrap视频教程！
以上就是html标签元素是什么品种？html的常用标签元素的介绍的具体内容，更多请关注百分百源码网其它相关文章！
