网页设计与制作教程(HTML+CSS+JavaScript):第3版
上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样式的应用将在后面的章节中详细讲解。