实现效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>新闻标题</title>
<style>
h1{
text-align: center;
font-weight: 400;
font-size: 30px;
color: #333;
}
.p1{
font-size: 14px;
color: #999;
}
.p2{
text-indent: 2em;
color: #333;
font-size: 18px;
}
span{
font-weight: 700;
}
div{
text-align: center;
}
</style>
</head>
<body>
<h1>海绵宝宝动画片</h1>
<p class="p1">来源:百度百科</p>
<p class="p2"><span>百度百科</span>:海绵宝宝原名海绵鲍勃,出生于1986年7月14日,是这部动画的主角,他是由海洋生物学家和
动画师海伦·伯格设计,原配音汤姆·肯尼。海绵宝宝生活在太平洋海底一座被称为比
<br> 基尼海滩的水下城市的一个菠萝屋里,是一个快乐、天真、善良、热爱生活、充满活力、乐于助人的海绵,但有时
也因 为好奇和贪玩闯祸。他以一名厨师的身份在蟹堡王工作,他做蟹黄堡
<br> 非常熟练。海绵宝宝有时的天马行空也让别人很烦恼(特别是他身边的章鱼哥)。婴儿时期就和派大星是好友,从小和派大星一起成长,
有爷爷奶奶,父母和亲戚等等的家庭成员。自己也会生病和衰老,感冒时皮肤会变色和喷出很多气泡。</p>
<p class="p2">居住在比基尼海滩的菠萝(凤梨)屋;并担任当地著名快餐店"蟹堡王"的厨师。</p>
<div>
<img src="./imgs/1.jpg" alt="" width="300">
</div>
<p class="p2">虽在泡芙老师的海底驾训班接受长时间课程,却因为路考总是莫名紧张,考了1258056+次都未能考取驾照,也是全系列主要笑点之一;但掩盖眼睛驾驶则反之,海绵宝宝却从未发觉。</p>
<p class="p2">作为一个厨师,海绵宝宝的技能可以准确地描述为“超人”,”海绵宝宝VS蟹堡机器“、“月度最佳员工”中,他做出他蟹黄堡的速度每分钟数百个甚至数千。他已经在蟹堡王连续赢了374月度最佳员工。在“朋友还是敌人”表明,海绵宝宝还是一个婴儿时,他做了一个很棒的蟹黄堡。这是他的第一次尝试。在“海神的锅铲”,他能把黄金锅铲从油堆中拔了出来。</p>
</body>
</html>
代码