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 日志相册贡献荣誉积分 129 狗仔卡头像被屏蔽	发表于 2020-3-31 03:10:15 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
	小甲鱼最新课程 -> https://ilovefishc.com
	回复使用道具举报显身卡

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