HTML’ye giriş için bu kodları yeterli olacağını düşünüyorum. Bu bölümde buraya kadar öğrendiğimiz HTML kodlarını kullanarak basit bir sayfa yaptım. Kullanılan kodların nerelerde ve nasıl kullanıldığına dikkat etmenizi öneririm. Sayfanın yapımında göze hitap etmesinden çok öğretici olmasına dikkat ettim.
<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 -->
<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>
<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>
