<pre>所见即所得
不同与块级元素和行级元素
<!DCTYPE html>
<html>
<head>
<title>第一个程序</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keywords" content="你好世界，2024，C语言">
<meta name="description" content="《web开发试一试》">
<meta name="author" content="Error——Fe">
<style>
span{color:red}
.bold{font-weight:bolder;}
.italic{font-style:italic;}
ul.a{list-style-type:square}
ul.b{list-style-type:disc}
ul.c{list-style-type:circle}
ul.d{list-style-type:none}
</style>
</head>
<body>
<p class="bold">这里内容加粗</p>
<p class="italic">这里内容倾斜</p>
<!-- 行内元素 块级元素 -->
<a href="https://www.bilibili.com/">b站</a>
<a href="https://blog.csdn.net/Error_Fe?type=blog">csdn</a>
<p>深思熟虑的<br><span>结果</span></p>
<p>数学思想成熟</p>
<p>孔子曰：<q>学而不思则罔，思而不学则迨。</q></p>
<p><cite>TaiChi</cite></p>
<blackquote>
<p><b>这个是引用！</b></p>
</blackquote>
<p><abbr title="音乐播放器">https://github.com/dream7180/foobox-cn/releases</abbr></p>
<p><dfn>HTML</dfn>是一门用于创建网页的标准标记语言。</p>
<address>
<strong>联系我们</strong><br>
邮箱：<a href="mailto:linfe.333@outlook.com">linfe.333@outlook.com</a><br>
</address>
<bdo dir="rtl">
<ruby>魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby>
<ruby>魅<rp>(</rp><rt>mei</rt><rp>)</rp></ruby>
<ruby>魍<rp>(</rp><rt>wang</rt><rp>)</rp></ruby>
<ruby>魉<rp>(</rp><rt>liang</rt><rp>)</rp></ruby>
</bdo>
<p><em>练习（强调）</em>是最重要的</p>
<p><i>无强调</i></p>
<p>2024起，要<del>摆烂</del>，<ins>驴</ins></p>
<p><s>上面del和ins相辅相成来替换，而s是对那些不正确、不准确或者没有用的文本进行标识</s></p>
<p><u>是拼写错误或者汉语专有名词</u></p>
<p><mark>胶锣钱</mark>、<mark>鸭保倪</mark>，爱食咩个</p>
<p>E =MC<sup>2</sup></p>
<p>Mg + ZnSO<sub>4</sub> = MgSO<sub>4</sub> + Zn</p>
<p><small>本程序最终解释权归Error所有</small></p>
<ul class="a">
<li>无序列表</li>
<li>猛猛以凹</li>
<li>2024/1/17</li>
<li>23：10</li>
</ul>
<ul class="b">
<li>无序列表</li>
<li>猛猛以凹</li>
<li>2024/1/17</li>
<li>23：10</li>
</ul>
<ul class="c">
<li>无序列表</li>
<li>猛猛以凹</li>
<li>2024/1/17</li>
<li>23：10</li>
</ul>
<ul class="d">
<li>无序列表</li>
<li>猛猛以凹</li>
<li>2024/1/17</li>
<li>23：10</li>
</ul>
<ol>
<li>有序列表</li>
<li>熬夜</li>
<li>力落</li>
<li>驴</li>
<li>《岁月小偷》</li>
<ul>
<li>在变化的生命里，岁月，原来是最大的小偷。</li>
</ul>
</ol>
<dl>
<dt>https://blog.csdn.net/Error_Fe?type=blog</dt>
<dd>一个新手练手的地方</dd>
</dl>
</body>
</html><!DCTYPE html>
<html>
<head>
<title>日程安排表</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keywords" content="你好世界，2024，C语言">
<meta name="description" content="《web开发试一试》">
<meta name="author" content="Error——Fe">
</head>
<style>
table {
margin: 0 auto;
}
thead th{
background:gray;
color:white;
}
table,th,td{border:1px solid black;}
table{border-collapse:collapse;}
</style>
<body>
<table>
<thead>
<tr>
<th>表头01</th>
<th>表头02</th>
<th>表头03</th>
</tr>
</thead>
<tbody>
<tr>
<th>表头11</th>
<td>数据12</td>
<td>数据13</td>
</tr>
<tr>
<th>表头21</th>
<td>数据22</td>
<td>数据23</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">来来来</td>
</tr>
</tfoot>
</table>
</body>
</html>