![网页设计与制作教程(HTML+CSS+JavaScript):第3版](https://wfqqreader-1252317822.image.myqcloud.com/cover/736/47133736/b_47133736.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.5 案例——制作“馨美装修”公司介绍页面
![](https://epubservercos.yuewen.com/E55CB3/26480224609923806/epubprivate/OEBPS/Images/978-7-111-71630-3-Chapter01-17.jpg?sign=1738839562-NXreef4B45rmAWGYhCF2FkJtuahmGy4x-0-7aebfd913714a249409e7e574d801b4e)
“馨美装修”公司介绍页面
【例】制作“馨美装修”公司介绍页面,本例文件1-1.html在浏览器中的显示效果如图1-17所示。
![](https://epubservercos.yuewen.com/E55CB3/26480224609923806/epubprivate/OEBPS/Images/978-7-111-71630-3-Chapter01-18.jpg?sign=1738839562-fNxreIyiPMBUODeiNxgKmd1JxnexUqCt-0-b41e9bccdc4b3200e14854262503ee23)
图1-17 页面显示效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>馨美装修公司介绍</title>
</head>
<body>
<h2>公司介绍</h2>
<hr>
<p style="font-size:18px;text-align:center">人民对美好生活的向往,就是我们的奋斗目标。在这里,创业的氛围让每个人都积极创新,为做出美好的事情而努力。</p>
</body>
</html>
【说明】本例使用了一些HTML元素来建立网页结构,包括标题元素h2、水平线元素hr和段落元素p,这些基本的网页排版元素将在下一章详细讲解。另外,对段落使用了行内CSS样式style="font-size:12px;text-align:center"来控制段落文字的大小及对齐方式。关于CSS样式的应用将在后面的章节中详细讲解。