p标签和div标签都是块标签，如果不用浮动，它们都会自动换行呢
15没看 先来看看16
非常好
光看不练可不行{:5_93:}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>第二个实例</title>
</head>
<body>
<main>
<h1>北上广深</h1>
<p>北上广深是指中国大陆经济实力最强的四个城市：北京、上海、广州、深圳。</p>
<article>
<h1>北京</h1>
<p>北京，简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国第二大城市和中部战区司令部驻地。</p>
</article>
<article>
<h1>上海</h1>
<p>上海，简称“沪”或“申”，是中华人民共和国直辖市，国家中心城市，超大城市，是中国第一大城市，中国的经济、交通、科技、工业、金融、贸易、会展和航运中心，首批沿海开放城市。</p>
</article>
<article>
<h1>广州</h1>
<p>广州是广东省省会、国家中心城市、超大城市、南部战区司令部驻地。</p>
</article>
<article>
<h1>深圳</h1>
<p>深圳，简称“深”，别称鹏城，中国四大一线城市之一，广东省省辖市、计划单列市、副省级市、国家区域中心城市、超大城市。</p>
</article>
</main>
<dl>
<dt>小天才养殖场</dt>
<dd>小天才教程</dd>
<dd>小天才咨询</dd>
<dt>吹水阁</dt>
<dd>聊聊</dd>
<dd>美图</dd>
<dt>wechat交流</dt>
<dd>私信</dd>
<dd>群聊</dd>
</dl>
<hr/>
<figure>
<img src="0001.jpg" alt="logo">
<img src="0001.gif" alt="动态图">
<figcaption>静态+动态</figcaption>
</figure>
</body>
</html>
http://xxx.fishc.com/album/201707/06/112541kla6bn1l05sadc23.png
交！作！业！
<!doctype html>
<html>
<head>
<title>分组分段元素</title>
<meta charset='utf-8'>
</head>
<body>
<hr />
<header>
<ol type=1>
<h3 style='color:#3FF'>常用网站</h3>
<li>百度云搜</li>
<li>鱼C工作室</li>
<li>在线扫毒</li>
</ol>
<ol start='4' type=1>
<h3 style='color:#3FF'>娱乐</h3>
<li>煎蛋</li>
<li>哔哩哔哩</li>
<li>吹水阁</li>
</ol>
</header>
<hr />
<figure>
<img src='http://img1.imgtn.bdimg.com/it/u=4338223,2218921092&fm=200&gp=0.jpg' alt='面向大海 春暖花开'>
<figcaption style='color:aqua'><b>面向大海 春暖花开</b><figcaption>
</figure>
<hr />
</body>
<dl style='font-size:20px'>
<dt>鱼C工作室</dt>
<dd>鱼C论坛</dd>
<dd>资源打包</dd>
<dd>...</dd>
<dt>百度云搜</dt>
<dd>最新电影</dd>
<dd>高清种子</dd>
<dd>...</dd>
<dt>煎蛋</dt>
<dd>大脑的神奇未来</dd>
<dd>噪音让女性更难怀孕</dd>
<dd>...</dd>
</dl>
</html>
回复看帖
交作业！今天先到此为止，明天继续学习，感谢楼主的教程！！！
知识点很细。持续跟进学习中……{:10_256:}
hr标签用开始的也可以？我的就是，感觉还更方便点呢
<section>
<meta charset="utf-8">
<h2>这是我的内容信息</h2>
<article>
<h3>第一次</h3>
<p>这是我的第一次，你要好好珍惜哦。可不要辜负她哦！</p>
</article>
<hr>
<article>
<h3>第二次</h3>
<p>虽然已经是第二次了，但我还是不太熟练。还是需要你们的指导，看来还是需要亲家练习才行！</p>
</article>
<hr>
<article>
<h3>老油条</h3>
<p>经过这么多次的反复练习，我已经逐渐成长为一个熟练的老手，也就是说我现在已经是一个你们说的老油条啦！</p>
</article>
<hr>
<figure align="center">
<figcaption>小花</figcaption>
<img src="bgt1.jpg" alt="本图暂不显示">
</figure>
</section>
本帖最后由 昊旭 于 2017-8-8 20:51 编辑
楼主，为什么我的不显示图片？<figure>
<img src="0032.jpg" alt="为什么我的图片不显示出来？">
<figcaption>这是一汪海水</figcaption>
</figure>
学习哟个
从零开始学习
秉持学习的态度，感谢版主的细心讲解
看看
大力支持，学习！
div分段标签
桃林小生前来学习{:10_281:}
1
我现在布局是先header头部内容然后section主要内容（里面多个div包含多个p）最后是footer底部
{:10_266:}{:10_266:}{:10_266:}我不想灌水