使用html技术写一个网页
时间: 2023-10-05 13:07:03 浏览: 46
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<meta charset="UTF-8">
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #333333;
font-size: 32px;
text-align: center;
margin-top: 50px;
}
p {
color: #666666;
font-size: 18px;
line-height: 1.5;
margin: 20px auto;
max-width: 600px;
text-align: justify;
padding: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
border-radius: 5px;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 20px auto;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Webpage!</h1>
</header>
<main>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Donec euismod dignissim enim, et laoreet lorem lacinia in. Integer volutpat massa nec purus aliquam, vel mollis purus euismod. In hac habitasse platea dictumst. Nam euismod, orci sit amet commodo pulvinar, quam nisl facilisis sem, quis molestie eros augue vel velit. Sed aliquam risus euismod, venenatis tortor et, auctor orci. Nunc condimentum velit vel quam eleifend, sit amet ullamcorper ex semper. Nulla auctor vestibulum diam, vel aliquam elit luctus ut. Sed euismod nunc a mauris varius pulvinar. Nulla dictum, ante vel convallis finibus, dui nibh dignissim eros, nec efficitur sapien urna sit amet libero. Proin a augue urna.</p>
<img src="https://via.placeholder.com/600x400" alt="Placeholder Image">
<p>Phasellus a lacus varius, venenatis ex vel, bibendum velit. Nam non purus auctor, varius sapien non, faucibus felis. Nulla vel ex eget libero interdum lobortis sit amet ut est. Proin a ex quis sem gravida dictum a vel ante. Fusce eget augue sit amet justo placerat consequat. Suspendisse euismod, dui vel euismod lobortis, mi purus hendrerit nisi, vel pharetra arcu mi a odio. Ut tincidunt augue nec tempor mattis. Proin eu aliquam enim. Fusce luctus, lacus vel facilisis porta, nulla libero fringilla augue, vel rutrum lacus sapien vel leo. Pellentesque vel lacus ut ipsum bibendum dictum. Morbi at leo at magna iaculis mattis vel ac sapien. Integer feugiat accumsan sapien, eget interdum sapien eleifend eu. Nam id velit euismod, iaculis ex vitae, lacinia ipsum. Vivamus id consequat nunc. Sed sit amet vestibulum enim.</p>
</main>
<footer>
<p>© 2021 My Webpage. All rights reserved.</p>
</footer>
</body>
</html>
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)