wordpress 页面 html代码
时间 : 2024-01-08 06:14:04 声明： : 文章内容来自网络，不保证准确性，请自行甄别信息有效性
最佳答案
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WordPress页面</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
p {
font-size: 16px;
margin-bottom: 10px;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.button:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to my WordPress page</h1>
<p>This is a sample WordPress page created using HTML.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat lacus sed tortor faucibus, nec tempus felis bibendum. Fusce ac pharetra mi, sit amet mollis risus.
<p>Integer aliquet consectetur tellus ut tempus. Curabitur quis metus vitae nunc pretium ultrices. Mauris commodo sapien id quam pulvinar cursus.
<a href="#" class="button">Learn More</a>
</div>
</body>
</html>
其他答案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My WordPress Page</title>
</head>
<body>
<header>
<h1>Welcome to My WordPress Page</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<section id="main-content">
<article>
<h2>About Me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisis dapibus dui ac placerat. Aliquam ultricies condimentum diam, quis egestas sem porta at. Vestibulum molestie, elit semper laoreet ultrices, ligula ante efficitur ante, non lacinia neque nunc eu ante. In in commodo risus, in convallis justo. Ut sed posuere nunc. Morbi convallis nunc sit amet maximus sagittis. Suspendisse ultrices elit nec nulla luctus, sit amet sodales dolor fermentum. Donec id aliquam augue, vel aliquet orci.
</article>
<article>
<h2>Latest Blog Posts</h2>
<ul>
<li><a href="#">Post 1</a></li>
<li><a href="#">Post 2</a></li>
<li><a href="#">Post 3</a></li>
<li><a href="#">Post 4</a></li>
</ul>
</article>
<article>
<h2>Contact Me</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea>
<input type="submit" value="Submit">
</form>
</article>
</section>
<footer>
<p>© 2021 My WordPress Page
</footer>
</body>
</html>
https/SSL证书广告优选IDC>>
推荐主题模板更多>>
推荐文章
