0 0 1 6 - 分组分段元素

shaoran334@qq.c · 发表于 2018-7-12 18:08:11

老板娘们下次VB那么，

floride · 发表于 2018-7-28 10:11:50

a211827754 · 发表于 2018-8-22 11:27:11

好好看好好学

soulwyb · 发表于 2018-10-14 23:10:54

<!doctype>
<html>

<head>
    <meta charset="utf-8">
    <title>
        16
    </title>
</head>

<body>
    <p>俺是第一段文字</p>
    <p>俺不是第一段文字xxxxxxx</p>
    <div>
        <h3>我是header文档的页眉</h3>
        <p>第是一段文字</p>
    </div>
    <div style="color:#00ff88">
        <h3>This is a header</h3>
        <p>This is a pargraph.</p>
    </div>
    <nav>
        <ol type='I' start='2' reversed>
            <li>门户</li>
            <li>论坛</li>
            <li>空间</li>
            <li>VIP通道</li>
        </ol>
        <dl>
            <dt>小天才养殖场</dt>
            <dd>小天才教程</dd>
            <dd>小天才咨询</dd>
            <dt>吹水阁</dt>
            <dd>聊图</dd>
            <dd>美女</dd>
            <dt>Qt交流</dt>
            <dd>教程</dd>
            <dd>疑问</dd>
        </dl>
    </nav>
    <figure>
        <img src="background.jpg" alt="坦克">
        <figcaption>这是一辆坦克</figcaption>
    </figure>
    <main>
        <article>
            <h1>小天才养殖场</h1>
            <p>零基础入门学习Python</p>
        </article>
    </main>
    <hr />
    <article>
        <h1>吹水阁</h1>
        <p>凡开卷有益</p>
    </article>

</body>

</html>

小丸子hjm · 发表于 2018-10-25 11:39:13

QiaoaiMen · 发表于 2018-11-13 18:09:32

来学习

QiaoaiMen · 发表于 2018-11-13 19:47:44

一直没搞明白怎么加图片，先发代码交作业了。

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>016练习</title>
</head>
<body>
        <header>
                <ol type="I" reversed>
                        <li>小天才养殖场</li>
                        <li>吹水阁</li>
                        <li>Qt交流</li>
                </ol>
        </header>
        <section>
                <dl>
                        <dt>小天才养殖场</dt>
                                <dd>小天才教程</dd>
                                <dd>小天才咨询</dd>
                        <dt>吹水阁</dt>
                                <dd>聊聊</dd>
                                <dd>美图</dd>
                        <dt>Qt交流</dt>
                                <dd>教程</dd>
                                <dd>疑问</dd>
                </dl>
        </section>
        <figure>
                <img src="background.jpg" alt="此处应加入风景图">
                <figcaption>图片来自于网络，如是云云</figcaption>
        </figure>
        <div>
                <h1>我是一个标题</h1>
                <p>我是第一段文字</p>
        </div>
        <div style="color: #00FF88">
                <h3>This is a header.</h3>
                <p>This is a paragragh.</p>        
        </div>
        <section>
                <main>
                        <article>
                                <h1>小天才养殖场</h1>
                                <p>零基础入门Web开发</p>
                        </article>
                </main>
                <hr>
                <article>
                                <h1>吹水阁</h1>
                                <p>开卷有益，吹拉弹唱</p>
                        </article>
        </section>
</body>
</html>

黑色传说 · 发表于 2019-1-5 18:11:16

打卡~~~

莫希 · 发表于 2019-1-5 20:02:21

0 0 1 6 - 分组分段元素

BHY · 发表于 2019-1-29 17:40:02

学习学习

guohuo888meng@1 · 发表于 2019-2-12 10:27:57

支持老师

。Pro · 发表于 2019-2-17 09:44:31

感谢楼主无私奉献！

星海雪的钟爱 · 发表于 2019-2-21 16:52:53

交作业

phszhuli · 发表于 2019-3-29 09:22:17

看看

phszhuli · 发表于 2019-3-29 10:39:11

<!DOCTYPE html>
<head>
        <meta charset="utf-8">
        <title>body区块</title>
</head>
<body>
        <header><!--头部区域-->
                <h1>导航</h1>
                <nav><!--菜单导航-->
                        <ul>
                                <li>首页</li>
                                <li>门户</li>
                                <li>论坛</li>
                                <li>空间</li>
                                <li>VIP空间</li>
                        </ul>                
                </nav>
        </header>
        <h2>一个自定义列表：</h2>
        <dl><!--列表-->
                <dt>猫</dt>
                <dd>加菲猫</dd>
                <dd>布偶猫</dd>
                <dd>美短猫</dd>
                <figure><!--展示插图、图片、照片-->
                        <img src="cat.jpg" alt="猫">
                        <figcaption>cat</figcaption><!--提示：请使用 <figcaption> 元素为 figure 添加标题（caption）-->
                </figure>
                <dt>狗</dt>
                <dd>柴犬</dd>
                <dd>金毛</dd>
        </dl>
        <main><!--<main> 标签规定文档的主要内容。<main> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。
                注释：在一个文档中，不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代：<article>、<aside>、<footer>、<header> 或 <nav>。-->
        <section>
                <h2>内容板块A</h2>
                <article>
                        <header>
                                <h3>第一章</h3>
                        </header>
                        <p>文章内容</p>
                        <footer>
                                <p>发表日期：<time datetime="2019-03-29 09:00:00">2019-03-29 09:00:00</time></p>
                        </footer>
                        <hr/>
                </article>
        </section>
        <section>
                <h2>内容板块B</h2>
                <article>
                        <h3>第一话</h3>
                        <p>文章内容</p>
                        <hr/>
                </article>
        </section>
        <section>
                <h2>内容板块C</h2>
                <article>
                        <h3>第一幕</h3>
                        <p>文章内容</p>
                        <hr/>
                </article>
        </section>
        </main>
        <aside><!--侧边栏-->
                <h2>小天才养殖场热帖推荐</h2>
                <p>热帖名称</p>
        </aside>
        <aside>
                <h2>吹水阁经典热贴</h2>
                <p>热帖名称</p>
        </aside>
        <aside>
                <h2>QT交流热帖</h2>
                <p>热帖名称</p>
        </aside>
        <footer><!--页脚区域，放置版权声明、外部连接-->
                <p>Z版权所有2019</p>
                <a >投诉区</a>
        </footer>
</body>

LEemon · 发表于 2019-4-2 16:05:47

开始学习！

王璟略略略 · 发表于 2019-4-2 20:43:02

朕想知道

tianyayouzi · 发表于 2019-5-8 16:24:22

学习学习

fangfangfengfei · 发表于 2019-6-9 21:59:06

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<ul>
      <li>无序列表</li>
      <li>无序列表</li>
      <li>无序列表</li>
      <li>无序列表</li>
</ul>
<ol>
      <li>有序列表</li>
      <li>有序列表</li>
      <li>有序列表</li>
      <li>有序列表</li>
</ol>
<ol type="a">
         <li>小天才养殖场</li>
         <li>吹水阁</li>
         <li>Qt交流</li>
</ol>
<ol start="34">
         <li>小天才养殖场</li>
         <li>吹水阁</li>
         <li>Qt交流</li>
</ol>
<ol reversed>
         <li>小天才养殖场</li>
         <li>吹水阁</li>
         <li>Qt交流</li>
</ol>
<dl>
      <dt></dt>
         <dd></dd>
         <dd></dd>
      <dt>Qt交流</dt>
         <dd>教程</dd>
         <dd>疑问</dd>
</dl>
</body>
</html>

讨债仔 · 发表于 2019-7-23 15:34:21

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

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