Online | Video | Resim | Ders | Fragman | Film | TopList

Basit Bir HTML Dosyası Örneği

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ığı &lt;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"><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>