Untitled
unknown
plain_text
2 years ago
3.2 kB
6
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anasayfa</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
nav {
background-color: #f4f4f4;
padding: 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
nav ul li {
margin: 0 10px;
}
nav ul li a {
text-decoration: none;
color: #333;
}
nav ul li a:hover {
color: #666;
}
.container {
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
table {
width: 100%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<header>
<h1>Hoşgeldiniz!</h1>
</header>
<nav>
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="iletisim.html">İletişim</a></li>
<li>
<div class="dropdown">
<button class="dropbtn">Ürünler</button>
<div class="dropdown-content">
<a href="urunler.html">Tüm Ürünler</a>
<a href="elektronik.html">Elektronik</a>
<a href="giyim.html">Giyim</a>
<a href="kitap.html">Kitap</a>
</div>
</div>
</li>
</ul>
</nav>
<div class="container">
<h2>Anasayfa İçeriği</h2>
<p>Bu alanda anasayfa içeriği yer alabilir.</p>
</div>
<div class="container">
<h2>Ürünler Tablosu</h2>
<table>
<thead>
<tr>
<th>Ürün Adı</th>
<th>Fiyat</th>
<th>Stok Durumu</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kalem</td>
<td>5 TL</td>
<td>Stokta Var</td>
</tr>
<tr>
<td>Defter</td>
<td>10 TL</td>
<td>Stokta Var</td>
</tr>
<tr>
<td>Kaşık</td>
<td>2 TL</td>
<td>Stokta Yok</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Editor is loading...
Leave a Comment