实现一个个人介绍,有主标题“个人介绍”,副标题“你的学号姓名” 要有3个段落的正文,第一个段落实现中心内容的样式 第二个段落里要实现内联文本标签,第三个段落实现6种不同的文本颜色.

实现一个个人介绍,有主标题“个人介绍”,副标题“你的学号姓名”
要有3个段落的正文,第一个段落实现中心内容的样式 第二个段落里要实现内联文本标签,第三个段落实现6种不同的文本颜色.

使用pc

“Devil组”引证GPT后的撰写:

<!DOCTYPE html>
<html>
  <head>
    <title>个人介绍</title>
    <style>
      h1 {
        text-align: center;
        font-size: 36px;
        font-weight: bold;
      }
      h2 {
        text-align: center;
        font-size: 24px;
        font-style: italic;
        margin-top: 20px;
      }
      p {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 20px;
      }
      .highlight {
        font-weight: bold;
        color: #f00;
      }
      .inline {
        font-style: italic;
        color: #00f;
        text-decoration: underline;
      }
      .color1 {
        color: #f00;
      }
      .color2 {
        color: #ff0;
      }
      .color3 {
        color: #0f0;
      }
      .color4 {
        color: #0ff;
      }
      .color5 {
        color: #00f;
      }
      .color6 {
        color: #f0f;
      }
    </style>
  </head>
  <body>
    <h1>个人介绍</h1>
    <h2>你的学号姓名</h2>
    <p>
      我是一名<span class="highlight">前端工程师</span>,拥有<span class="highlight">三年</span>的开发经验。
    </p>
    <p>
      我精通<span class="inline">HTML</span><span class="inline">CSS</span><span class="inline">JavaScript</span>等前端技术,并熟悉<span class="inline">React</span><span class="inline">Vue</span>等主流框架。
    </p>
    <p>
      在我的工作中,我注重<span class="color1">代码质量</span><span class="color2">团队合作</span><span class="color3">用户体验</span>,并积极学习新的技术和工具,保持对前端技术的敏锐度和洞察力。
      我相信,<span class="color4">专业、责任和创新</span>是成为优秀前端工程师的重要品质。
    </p>
  </body>
</html>


使用了h1、h2和p标签来实现标题和正文的结构和样式。其中,h1和h2标签用于设置标题的字体、大小、颜色和对齐方式,p标签用于设置正文的字体、大小、行高和顶部间距。