CSS:
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
.topnav {
overflow: hidden;
background-color: #333;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #4CAF50;
color: white;
}
[CODE lang="html" title="İndex.html"]<!DOCTYPE html>
<html lang="en">
<head>
<style>
.if{
margin-left: 500px;
margin-top: 150px;
border: dashed 3px black;
border-radius: 12px;
}
</style>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anasayfa</title>
</head>
<body>
<div class="topnav">
<a class="active" href="index.html">Anasayfa</a>
<a href="kediköpekt.html">Kedi ve Köpek Türleri
</a>
<a href="iletişim.html">İletişim</a>
<a href="hakkımızda.html">Hakkımızda</a>
</div>
<div style="padding-left:16px">
</div>
<iframe src="iframe.html" frameborder="0" class="if" width="300" height="150"></iframe>
</body>[/CODE]
[CODE lang="html" title="iframe.html"]<p style="text-align: center;">
<span>Bu alan yakında doldurulacak<br></span> <span><em>beklemede olun</em></span>
</p> [/CODE]
Kod Denemesi.