这篇文章主要介绍“分析HTML基础知识DIV”，在日常操作中，相信很多人在分析HTML基础知识DIV问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”分析HTML基础知识DIV”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
大多数 HTML 元素被定义为块级元素或内联元素；
元素在浏览器显示时，通常会以新行来开始和结束；
如：<h2>，<p>，<ul>，<table>，<div>等标签；
内联元素在显示时通常不会以新行开始；
如：<b>，
<td>，
<a>，<img>，<span>等标签；
HTML 中的<div>
元素是块级元素，它是可用于组合其他 HTML 元素的容器；
-<div>标签定义 HTML 文档中的一个分隔区块或者一个区域部分；
<div>
元素经常与 CSS 一起使用，用来布局网页；
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
.all{
width:500px;
height:500px;
margin:0 auto;
background-color:#000;
}
.one{
height:100px;
background-color:#89E1BF;
}
.two{
height:100px;
background-color:#DEE099;
}
.three{
height:100px;
background-color:#D7A1CE;
}
</style>
<body>
<!--父div-->
<div class="all">
<!--子div-->
<div class="one">
</div>
<!--子div-->
<div class="two">
</div>
<!--子div-->
<div class="three">
</div>
</div>
</body>
</html>演示效果如图所示：
到此，关于“分析HTML基础知识DIV”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
