老板娘们下次VB那么，
{:7_146:}
好好看好好学
<!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>
{:5_106:}
来学习
一直没搞明白怎么加图片，先发代码交作业了。
<!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>
打卡~~~
0 0 1 6 - 分组分段元素
学习学习
支持老师
感谢楼主无私奉献！
交作业
看看
<!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>
开始学习！
朕想知道
学习学习
<!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>
{:5_103:}