克里斯保罗 发表于 2019-8-13 08:03:10

交作业！
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>文字</title>

</head>
<body>
        <div>
                <p>第一段文字</p>
                <p>第二段文字</p>
        </div>
        <div style="color: #00FF88">
                <h3>This is head</h3>
                <p>This is paragraph</p>
        </div>
        <ul>
                <li>快船</li>
                <li>雷霆</li>
                <li>爵士</li>
        </ul>
        <ol type="i" reversed>
                <li>快船</li>
                <li>雷霆</li>
                <li>爵士</li>
        </ol>
        <dl>
                <dt>小天才养殖场</dt>
                        <dd>小天才教程</dd>
                        <dd>小天才咨询</dd>
                <dt>吹水阁</dt>
                        <dd>聊天</dd>
                        <dd>美图</dd>
                <dt>Qt交流</dt>
                <dd>教程</dd>
                <dd>疑问</dd>
        </dl>
        <figure>
                <img src="cat.jpg" alt="猫的诱惑">
                <figcaption>这是一只喵~</figcaption>
        </figure>

                <main>
                        <article>
                        <h1>小天才养殖场</h1>
                        <p>零基础入门学习 Scratch</p>
                        </article>
                </main>
                <hr/>
                <figure>
                        <img src="qiyu.jpg" alt="琦玉老师">
                        <figcaption>琦玉老师</figcaption>
                </figure>
</body>
</html>

你在意在便在 发表于 2019-10-26 11:26:16

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
</head>
<body>
<p> p 用来定义段落，我们用过很多次了。</p>

<div>
    <h3>标签是使用频率极高的一个基础元素。</h3>
    <p>就是用来分组的，在H5中强烈要求代码语言化的大背景下，逐渐弃用div。

            像咱们之前使用的header、section、aside、article、footer都不适用在使用div。
            
            但是，许多牛X框架还是用div写的，例如BootStrap框架，还是大量应用div。
            
            对于，入门来讲，div还是不错滴。
    </p>
</div>
<div style="color:#00FF88">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
<hr>
<meta charset="utf-8">
<ul>
    <li>这是无序列表ul</li>
    <li>小天才养殖场</li>
    <li>吹水阁</li>
    <li>Qt交流</li>
</ul>
<ol>
    <li>这是有序列表ol</li>
    <li>给ol设置type的属性值改变排序文字样式</li>
</ol>
<ol type="A">
    <li>这是type="A" </li>
    <li>鱼C鱼C</li>
    <li>加油加油</li>
</ol>
<ol type="i">
    <li>这是type="i" </li>
    <li>鱼C鱼C</li>
    <li>加油加油</li>
</ol>
<ol start="22">
    <li>给ol设置起始值，让列表从设定的值开始</li>
    <li>鱼C鱼C</li>
    <li>加油加油</li>
</ol>
<ol reversed>
      <li>给ol设置reversed,让它成为倒序</li>
      <li>鱼C鱼C</li>
      <li>加油加油</li>
</ol>
<dl>
    <dt>dl是外围元素，它是大佬所以包裹dt(大腿)和dd(弟弟)</dt>
      <dd>dd是内容</dd>
      <dd>躲在大腿后面的弟弟1号</dd>
    <dt>dt是内容标题</dt>
      <dd>躲在大腿后面的弟弟2号</dd>
      <dd>躲在大腿后面的弟弟3号</dd>
    <dt>我是躲在大佬后面的dt(大腿)1号</dt>
      <dd>躲在大腿后面的弟弟4号</dd>
      <dd>以上都是玩笑话，切勿当真，仅供方便记忆</dd>
</dl>
<figure>
      <img src="image/003.jpg" alt="夜晚">
      <figcaption>figure标签用来展示插图</figcaption>
      <figcaption>这是一张背景图</figcaption>
</figure>
<main>
    <article>
      <h1>main是用来突出主题的</h1>
      <p>article 提供文章的标签</p>
    </article>
    </main>
    <hr />
    <article>
    <h1>hr 是用来换行的</h1>
    <p>凡开卷有益</p>
</article>
</body>

星空·无限 发表于 2020-3-23 11:09:17

现在怎么还需要回复了！

287187056 发表于 2020-3-31 03:10:15

juswety 发表于 2020-4-24 11:27:49

学习了

1041556532 发表于 2020-5-28 02:03:24

其他的怎么办

1428375758 发表于 2020-6-5 16:50:05

我爱小甲鱼

kmq116 发表于 2020-7-19 13:28:03

11111111111111111111111111

huanghuiyv 发表于 2020-8-16 20:38:28

无条件支持楼主！

huanghuiyv 发表于 2020-8-16 20:51:34

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <base href="http://xxx.fishc.com/forum/201612/05/">
      <base target="_blank">
      <title>ul & ol</title>
    </head>

    <body>
      <ul>
            <li>小天才养殖场</li>
            <li>吹水阁</li>
            <li>Qt交流</li>
      </ul>

      <ol type="a">
            <li>小天才养殖场</li>
            <li>吹水阁</li>
            <li>Qt交流</li>
      </ol>
      <ol type="A">
            <li>小天才养殖场</li>
            <li>吹水阁</li>
            <li>Qt交流</li>
      </ol>
      <ol type="i">
            <li>小天才养殖场</li>
            <li>吹水阁</li>
            <li>Qt交流</li>
      </ol>
      <ol type="I">
            <li>小天才养殖场</li>
            <li>吹水阁</li>
            <li>Qt交流</li>
      </ol>
      <ol type="5" reversed>
            <li>小天才养殖场</li>
            <li>吹水阁</li>
            <li>Qt交流</li>
      </ol>

      <dl>
            <dt>小天才养殖场</dt>
            <dd>小天才教程</dd>
            <dd>小天才咨询</dd>
            <dt>吹水阁</dt>
            <dd>聊聊</dd>
            <dd>美图</dd>
            <dt>Qt交流</dt>
            <dd>教程</dd>
            <dd>疑问</dd>
      </dl>
    </body>
</html>

dys376820508 发表于 2020-8-18 20:55:01

学习

败者食尘 发表于 2020-9-9 10:55:01

1111111111111

以梦喂马 发表于 2020-11-25 21:03:22

谢谢

宇治松千夜 发表于 2021-1-20 23:18:41

看的网页大多是div

九头身日奈 发表于 2021-3-4 23:40:08

look

ainz42 发表于 2021-3-21 15:31:48

xuexixia

昔日少年郎 发表于 2021-4-6 14:26:01

学习

omg123460 发表于 2021-4-19 15:49:58

123

莉莉周 发表于 2021-5-19 21:24:52

有什么隐藏内容需要回复？？？

Kazamaki 发表于 2021-7-18 15:03:37


感谢分享！
页: 1 2 3 [4] 5
查看完整版本: 0 0 1 6 - 分组分段元素