写一个关于iphone的网页
时间: 2023-12-15 16:04:19 浏览: 38
<!DOCTYPE html>
<html>
<head>
<title>iPhone - The Ultimate Smartphone</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
nav {
background-color: #fff;
padding: 10px;
text-align: center;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
}
nav li {
display: inline;
margin-right: 20px;
}
nav a {
color: #333;
text-decoration: none;
padding: 10px;
}
nav a:hover {
background-color: #333;
color: #fff;
}
main {
margin: 20px;
background-color: #fff;
padding: 20px;
}
h1 {
font-size: 36px;
margin-top: 0;
}
h2 {
font-size: 24px;
margin-top: 0;
}
img {
max-width: 100%;
height: auto;
}
p {
line-height: 1.5;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>iPhone - The Ultimate Smartphone</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Models</a></li>
<li><a href="#">Buy Now</a></li>
</ul>
</nav>
<main>
<section>
<h2>Welcome to iPhone</h2>
<p>The iPhone is a line of smartphones designed and marketed by Apple Inc. The first iPhone was announced on January 9, 2007, and was later released on June 29, 2007. Since then, Apple has released many new models of the iPhone, each with new features and improvements.</p>
<img src="iphone.jpg" alt="iPhone">
</section>
<section>
<h2>Features of iPhone</h2>
<ul>
<li>Retina display</li>
<li>Touch ID fingerprint sensor</li>
<li>Face ID facial recognition</li>
<li>Wireless charging</li>
<li>A13 Bionic chip</li>
<li>Water and dust resistance</li>
<li>iOS operating system</li>
<li>And much more!</li>
</ul>
</section>
<section>
<h2>Models of iPhone</h2>
<p>Apple currently offers several models of the iPhone, including:</p>
<ul>
<li>iPhone SE</li>
<li>iPhone 11</li>
<li>iPhone 11 Pro</li>
<li>iPhone 12</li>
<li>iPhone 12 Pro</li>
<li>And more!</li>
</ul>
</section>
<section>
<h2>Buy iPhone Now</h2>
<p>Ready to get your hands on the ultimate smartphone? Visit Apple's website to buy the iPhone now!</p>
<a href="https://www.apple.com/iphone/">Buy Now</a>
</section>
</main>
<footer>
<p>© 2021 iPhone</p>
</footer>
</body>
</html>