写出以下几个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 文件中。

posted @ 2024-11-24 17:54  王铁柱6  阅读(106)  评论(0)    收藏  举报