请举个常见的静态网页实例
时间: 2023-08-28 08:07:03 浏览: 52
一个常见的静态网页实例是一个简单的个人网页。下面是一个示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>个人网页</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 20px;
}
h1 {
color: #333;
}
p {
color: #666;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>欢迎来到我的个人网页</h1>
<img src="myphoto.jpg" alt="我的照片">
<p>我是John Doe,一名Web开发者。我对前端开发和用户界面设计有着浓厚的兴趣。我喜欢学习新技术,并将其应用于我的项目中。</p>
<p>在这个网页上,你可以了解更多关于我和我的工作。我欢迎你联系我,共同探讨合作机会。</p>
<p>联系方式:johndoe@example.com</p>
</body>
</html>
```
这个网页使用HTML标签定义了网页的结构和内容,使用CSS样式定义了页面的外观和布局。它包含了一个标题、一张图片和几段文字,展示了个人信息和联系方式。
这是一个静态网页,因为它的内容和布局在加载后不会发生变化。它不包含动态交互或后端数据处理。