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 - 分组分段元素

点评

评分

点评

评分

点评