|
|
发表于 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> |
|
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
显身卡
发表于 2020-3-31 03:10:15