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