HTML 语法与常见任务速查表

<a href="https://example.org">
至 example.org 的链接</a>。

<img src="beast.png" width="50" />

用于对元素进行分组:例如,用于<span style="color:blue">添加样式
</span>。

<em>我很时髦</em>。

用<i>斜体</i>标记短语。

加粗<b>单词或短语</b>。

<strong>我很重要!</strong>

<mark>注意这里!</mark>

<s>我无关紧要。</s>

H<sub>2</sub>O

用于表示文档的<small>小字</small>。

<address>主大街 67 号</address>

欲了解更多怪物,请参阅<cite>《怪物书》</cite>。

x<sup>2</sup>

<q>我?</q>,她说道。

第 1 行<br>第 2 行

<div style="width: 200px">
 Llanfair<wbr>pwllgwyngyll<wbr>gogerychwyrndrobwllllantysiliogogogoch
</div>

用于格式化日期。例如:<time datetime="2020-05-24"
>发布于 2020 年 5 月 23 日</time>。

这段文字是正常格式,但<code>这段文字是代码格式</code>。

<audio controls>
 <source src="/shared-assets/audio/t-rex-roar.mp3" type="audio/mpeg">
</audio>
 

<video controls width="250"
 src="/shared-assets/videos/flower.webm" >
 <a href="/shared-assets/videos/flower.webm">下载 WebM 视频</a>
</video>

<p>我是一个段落</p>
<p>我是另一个段落</p>

他们说:
<blockquote>blockquote 元素表示扩展引用。</blockquote>

<details>
 <summary>HTML 速查表</summary>
 <p>行内元素</p>
 <p>区块元素</p>
</details>

<ul>
 <li>我是一个元素</li>
 <li>我是另一个元素</li>
</ul>

<ol>
 <li>我是第一个元素</li>
 <li>我是第二个元素</li>
</ol>

<dl>
 <dt>一个术语</dt>
 <dd>术语的定义</dd>
 <dt>另一个术语</dt>
 <dd>另一个术语的定义</dd>
</dl>

之前<hr>之后

<h1>这是 1 号标题</h1>
<h2>这是 2 号标题</h2>
<h3>这是 3 号标题</h3>
<h4>这是 4 号标题</h4>
<h5>这是 5 号标题</h5>
<h6>这是 6 号标题</h6>