写出以下几个HTML标签：字体、居中、文字加粗、下标
<!DOCTYPE html>
<html>
<head>
<title>HTML 标签示例</title>
</head>
<body>
<!-- 字体 -->
<p style="font-family: Arial;">这是一个 Arial 字体的段落。</p>
<p style="font-family: 'Times New Roman', serif;">这是一个 Times New Roman 字体的段落。</p>
<font face="Courier New">这是一个 Courier New 字体的段落。(不推荐使用 font 标签)</font><br>
<!-- 居中 -->
<p style="text-align: center;">这是居中的文本。</p>
<div style="text-align: center;">这是一个居中的块级元素。</div><br>
<!-- 文字加粗 -->
<p>这是<strong>加粗的</strong>文本。</p>
<p>这是<b>加粗的</b>文本。(b 标签语义化不如 strong)</p><br>
<!-- 下标 -->
<p>水的化学式是 H<sub>2</sub>O。</p>
<p>log<sub>a</sub>b</p><br>
</body>
</html>
一些额外的说明:
- 字体:
font标签已过时，不推荐使用。使用 CSS 的font-family属性来设置字体样式是最佳实践。 - 居中:
text-align: center;用于文本居中。对于块级元素，它会使其中的文本居中。 - 加粗:
strong标签强调文本的重要性，而b标签只是视觉上的加粗。优先使用strong标签，除非只是单纯的视觉加粗需求。 - 下标:
sub标签用于创建下标文本。
这个例子展示了如何使用这些标签。建议学习 CSS 样式，以便更好地控制网页的样式和布局。 使用内联样式表 (例如 <p style="...">) 不是最佳实践，最好将样式写在 <style> 标签内或外部 CSS 文件中。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix