实现一个个人介绍,有主标题“个人介绍”,副标题“你的学号姓名”
要有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标签用于设置正文的字体、大小、行高和顶部间距。