<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('https://picsum.photos/600/600?grayscale&blur=3');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
p {
background-color: rgba(0, 0, 0, 0.479);
color: white;
font-size: 40px;
}
</style>
</head>
<body>
<title>Üst Başlık</title>
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<br><i>İtalik(eğik)</i>
<br><u>Altı çizili</u>
<br><del>Ortası(üzeri) çizili</del>
<br><s>Ortası(üzeri) çizili</s>
<br><b>Kalın</b>
<br>
<hr>
<br>Bir sey<sub>alt simge(yazı)</sub>
<br>Bir şey<sup>üst simge(yazı)</sup>
<br>
<font size=4>4 puntoluk yazı</font>
<br>
<font color=#fffff>Beyaz renkli yazı</font>
<br>
<p align="center ">Ortala</p>
<p align="right ">Sağ</p>
<p align="justify ">İki yana yaslamak için kullanılır ve bunun için daha uzun bir yazı gerkiyor. Ve bunun için daha uzun bir yazı gerkiyor. Ve bunun için daha uzun bir yazı gerkiyor.</p>
<p>
<font face="tahoma ">Tahoma yazı tipli yazı</font>
</p>
<center>
<a href="burayaurlgeliyor" target="_blank"><img src="https://picsum.photos/400/400?grayscale" height="400" alt="Resim açıklması" title="Resim başlığı" border="1"></a>
</center>
<marquee scrollamount="170" height="100 " width="100% " direction=right behavior="alternate"><a href="burayaurlgeliyor" target="_blank">Bağlantı eklemek için</a></marquee>
<ul>
<li>Listeleme</li>
<li>için</li>
<li>kullanılır</li>
</ul>
<ul type="circle">
<li>İçi</li>
<li>boş</li>
<li>yuvarlak</li>
</ul>
<ul type="square">
<li>dolu</li>
<li>kare</li>
<li>şeklinde</li>
</ul>
<ol>
<li>sıralı</li>
<li>liste</li>
<li>oluşturur</li>
</ol>
<ol type="A">
<li>harf ile Üst madde</li>
<ol type="I">
<li>büyük romen rakamı ile bi alt madde</li>
<ol type="i">
<li>küçük romen rakamı ile daha alt madde</li>
</ol>
</ol>
</ol>
<table border="3" background="https://picsum.photos/700/300?grayscale&blur=5" widht="700" height="300" cellpadding="15" cellspacing="7">
<tr>
<th colspan="5">
tablo yapalım bakalım
</th>
</tr>
<tr>
<td rowspan="3">Bilgisayar</td>
<td>donanım</td>
<td>yazılım</td>
<td>müzik</td>
<td>resim</td>
</tr>
<tr>
<td colspan="2">klavye</td>
<td>nota</td>
<td rowspan="2">tuval</td>
</tr>
<tr>
<td>klavye</td>
<td>sistem</td>
<td>nota</td>
</tr>
</table>
<br>
<br>
<center>
<iframe src="Alıştırma-1.html" width="600" height="600" name="kutu"></iframe>
</center>
<br>
<br>
<form>
<table border="2" style="background-color: rgba(49, 94, 88, 0.356);">
<tr>
<td>Adınız:</td>
<td><input type="text" value="isminiz"></td>
</tr>
<tr>
<td>Şifreniz:</td>
<td><input type="password" placeholder="parola"></td>
</tr>
<tr>
<td colspan="2"><textarea rows="10" cols="30">yaz bir şeyler...</textarea></td>
</tr>
<tr>
<th colspan="2"> Hobileriniz</th>
</tr>
<tr>
<td colspan="2"><input type="checkbox">Resim</td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">Müzik</td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">Edebiyat</td>
</tr>
<tr>
<th colspan="2">Cinsiyet</th>
</tr>
<tr>
<td colspan="2"><input type="radio" name="cinsiyet">Kadın</td>
</tr>
<tr>
<td colspan="2"><input type="radio" name="cinsiyet">Kadın olmayan</td>
</tr>
<tr>
<td colspan="2">
<select>
<option value="0">Doğum yeri</option>
<option value="1">Adana</option>
<option value="2">Adıyaman</option>
<option value="3">Afyonkarahisar</option>
<option value="4">Ağrı</option>
<option value="5">Amasya</option>
<option value="6">Ankara</option>
<option value="7">Antalya</option>
<option value="8">Artvin</option>
<option value="9">Aydın</option>
</select>
</td>
</tr>
</table>
</form>
<br>
<title>Blog Sitem</title>
<script type="text/javascript">
var baslik = document.title;
var yeniBaslik = "Dön lan buraya!";
window.onblur = function() {
document.title = yeniBaslik;
}
window.onfocus = function() {
document.title = baslik;
}
</script>
<form action="https://formspree.io/f/xrgjdvda" method="POST">
<input type="email " name="email " placeholder="E-posta adresinizi giriniz ">
<input type="text " name="ad " placeholder="Adınızı giriniz ">
<input type="text " name="soyad " placeholder="Soyadınızı giriniz ">
<input type="text " name="mesaj " placeholder="Mesajınızı giriniz ">
<button type="submit">Gönder</button>
</form>
<br>
<p style="font-size: 125px; color: rgba(0, 128, 0, 0.452); font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif">Saydam yeşil yazı</p>
<div style="background-color:rgba(0, 0, 0, 0.349);flood-color: white; height: 250px;">Bölüm oluşturur</div>
<br>
<div style="background-color: rgba(0, 0, 0, 0.404); height: 200px; width: 200px; border: 3px solid rgba(33, 77, 16, 0.26); text-align: center; padding: 100p;">kutu</div>
</body>
</html>