html css家乡介绍代码
时间: 2023-09-11 07:04:12 浏览: 127
网页设计作业-家乡介绍(html+css+js)
5星 · 资源好评率100%
以下是一个简单的HTML和CSS代码,用于介绍家乡:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的家乡</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
font-size: 36px;
text-align: center;
color: #333;
margin-top: 50px;
}
p {
font-size: 24px;
text-align: justify;
color: #666;
margin: 25px 50px;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
margin-bottom: 50px;
}
</style>
</head>
<body>
<h1>欢迎来到我的家乡</h1>
<img src="hometown.jpg" alt="我的家乡">
<p>我的家乡位于中国的南方,是一个美丽的小城市。这里有清澈的河流和绿色的山丘,还有古老的建筑和寺庙。我爱我的家乡,因为这里的人们友好、热情,食物美味,生活舒适。如果你有机会来到这里,一定要尝试当地的特色美食和参观风景名胜。</p>
</body>
</html>
```
你需要将其中的图片路径修改为你自己的图片路径,以便正确地显示图片。
阅读全文