上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.5 案例——制作“馨美装修”公司介绍页面
“馨美装修”公司介绍页面
【例】制作“馨美装修”公司介绍页面,本例文件1-1.html在浏览器中的显示效果如图1-17所示。
图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样式的应用将在后面的章节中详细讲解。