0 0 1 6 - 分组分段元素

18813034116 · 发表于 2017-5-20 12:15:20

p标签和div标签都是块标签，如果不用浮动，它们都会自动换行呢

骑着蜗牛狂奔 · 发表于 2017-5-21 22:10:34

15没看先来看看16

ganglianhuo2 · 发表于 2017-7-4 23:12:07

非常好

YHao · 发表于 2017-7-6 11:26:44

光看不练可不行

<!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>

复制代码

登录/注册后可看大图

MSK · 发表于 2017-7-9 09:29:01

交！作！业！

<!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>

复制代码

aswyamato1989 · 发表于 2017-7-13 08:36:59

回复看帖

aswyamato1989 · 发表于 2017-7-13 09:14:01

交作业！今天先到此为止，明天继续学习，感谢楼主的教程！！！

xl7613 · 发表于 2017-8-4 16:51:40

知识点很细。持续跟进学习中……

mrtao · 发表于 2017-8-8 16:34:31

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:50:26

本帖最后由昊旭于 2017-8-8 20:51 编辑

楼主，为什么我的不显示图片？<figure>
<img src="0032.jpg" alt="为什么我的图片不显示出来？">
<figcaption>这是一汪海水</figcaption>
</figure>

南山兰 · 发表于 2017-10-18 23:30:40

学习哟个

冷小漠 · 发表于 2017-11-25 23:30:38

从零开始学习

庚午 · 发表于 2017-12-28 22:48:09

秉持学习的态度，感谢版主的细心讲解

zhengsc · 发表于 2018-2-18 15:00:20

看看

helingyuan · 发表于 2018-2-27 17:08:07

大力支持，学习！

likesunshine · 发表于 2018-3-9 16:40:58

div分段标签

R9bot · 发表于 2018-3-13 20:47:15

桃林小生前来学习

mu@huo · 发表于 2018-4-9 17:29:29

像番茄加两个蛋 · 发表于 2018-4-14 19:05:38

我现在布局是先header头部内容然后section主要内容（里面多个div包含多个p）最后是footer底部

土耳其东木白 · 发表于 2018-5-29 17:23:15

我不想灌水

账号		自动登录	找回密码
密码			立即注册

[庖丁解牛] 0 0 1 6 - 分组分段元素

点评

评分

点评

评分

点评