0 0 1 6 - 分组分段元素

克里斯保罗 · 发表于 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

感谢分享！

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

287187056 287187056 当前离线 UID 104738 日志相册贡献荣誉积分 128 狗仔卡头像被屏蔽	发表于 2020-3-31 03:10:15 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报显身卡

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