<html>
<head>
<!-- Meta etiketleri ile ek bilgiler veriliyor -->
<meta name="author" content="Acemi tasarımcı">
<meta name="description" content="Acemi tasarımcı web okulu">
<meta name="keywords" content="web,html,css">
<meta http-equiv="content" content-type="text/html; charset=iso-8859-9">
<title>İlk HTML Denemem</title>
</head>
<!-- Body etiketi ile sayfamızdaki renkleri ayarlıyoruz -->
<body text="#000000" bgcolor="#ffffff" link="#808080" vlink="#eaeaea" alink="#000000">
<h1> Bu büyük boyutlu ortalanmamı bir başlık</h1>
<br><center>
<h1> Bu da büyük boyutlu bir başlık fakat ortalanmış.</h1>
</center>
<!--
Center etiketi ile ortalama bittiği için buradan sonra sola dayalı
yazılacaktır.
-->
<br><br>
<font face="verdana" size="5" color="#800000">
Buradan itibaren paragrafıma başlayacağım.
</font>
<!-- p etiketi kendiliğinden bir satır boşluk verdiği için satır atlamadım -->
<p>
Bu sayfayı yapmaktaki amacım etiketlerin ve bağlı kodların nasıl
kullanıldığını göstermektir. Yukarıdaki kırmızı başlığı <font>
etiketini kullanarak elde ettim. İnternette gezerken ziyaret ettiğiniz
sayfaların kaynağını görüntüleyerek de değişik teknikler öğrenebilirsiniz.
</p>
<!-- başka sayfalara link verelim -->
<a href="mailto:fni18444@gantep.edu.tr">Bana e-mail yollayın</a><br><br>
<br><br>
<!-- HTML dosyanızı yazdığınız dizine abc.png adli bir resim yerleştirin -->
Aşağıdaki resmin görüntülenmesi için HTML dosyanızın olduğu dizine
<b>abc.png</b> resmini oluşturmalısınız.<br>
<a href="http://www.belgeler.org.tr"><img src="abc.png" border="0"></a>
<br><center>
<hr width=80%>
<u>Bu altı çizili bir yazı</u>, <i>bu yana yatık, italik, bir yazı</i><br>
Bu sayfanın amacı <acronym title="Hyper Text Markup Language">HTML</acronym>
kodları hakkında bilgi vermektir.
<hr width=80%>
<!-- Sayfanın başında başlatmış olduğumuz body etiketini bitiriyoruz. -->
</body>
</html>