一些HTML标签排版

一、名词缩写

鼠标移入HTML显示缩写内容

 <p>
      我们使用<abbr title="超文本标记语言（Hyper text Markup Language）">HTML</abbr>来组织网页文档。
 </p>

效果： 

二、上标和下标

<p>咖啡因的化学方程式是：C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>。</p>
<p>如果 x<sup>2</sup> 的值为 9，那么 x 的值必为 3 或 -3。</p>

效果：

三、下划线

<p>
水是地球上最常见的物质之一。地球表面有71%被水覆盖。<u>它是包括无机化合、人类在内所有生命生存的重要资源，也是生物体最重要的组成部分</u>.纯水导电性十分微弱，属于极弱的电解质。
</p>

效果：

四、删除线

<del>https://github.com/xxxxxxx</del>(此地址已失效)

效果：

五、图片说明

鼠标移入图片展示title内容

 <img src="./water.jpg" alt="" title="水分子结构示意图" />

效果：