给我写一个个人博客的html
时间: 2024-05-24 10:12:49 浏览: 21
<!DOCTYPE html>
<html>
<head>
<title>My Personal Blog</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>My Personal Blog</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<article>
<header>
<h2>My First Blog Post</h2>
<p class="post-date">Posted on August 1, 2021</p>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante ac ante fermentum iaculis. Proin finibus placerat odio, vel lacinia enim euismod vitae. In hac habitasse platea dictumst. Sed id leo id tellus luctus feugiat. Fusce vitae massa ut sem malesuada consectetur. Nulla facilisi. Fusce eget rhoncus magna. Sed ut venenatis eros. Nullam ut nisi id ipsum pretium volutpat. Suspendisse at quam euismod, consequat nisi vel, dignissim mauris. Nulla facilisi. Nam eget est et mauris vehicula tempor at sit amet velit.</p>
<p>Aliquam erat volutpat. Donec ornare nisi et est bibendum, ac malesuada ex pharetra. Fusce hendrerit lobortis mauris, ac malesuada tellus bibendum id. Nam congue, velit vel laoreet consequat, justo enim dapibus elit, vel congue nunc purus a ipsum. Aliquam vel quam fringilla, condimentum lacus eget, euismod libero. Integer auctor efficitur eros, sit amet blandit lorem semper non. Sed euismod magna a erat vulputate, at pellentesque sapien malesuada.</p>
<footer>
<p>Tags: <a href="#">personal</a> <a href="#">blogging</a></p>
</footer>
</article>
<aside>
<h2>About Me</h2>
<img src="profile.jpg" alt="Profile Picture">
<p>Hi, I'm John Doe. I'm a blogger and I love to write about my personal experiences and thoughts. Follow me on social media to stay updated with my latest posts.</p>
<ul class="social-media">
<li><a href="#"><img src="facebook.png" alt="Facebook"></a></li>
<li><a href="#"><img src="twitter.png" alt="Twitter"></a></li>
<li><a href="#"><img src="instagram.png" alt="Instagram"></a></li>
</ul>
</aside>
</main>
<footer>
<p>© 2021 My Personal Blog</p>
</footer>
</body>
</html>