Skip to content

HTML Bilgileri

Html dosyalarını incelediğinizde her zaman <>, </> gibi karakterler ve bazı terimlerle karşılaşırsınız. Bunun nedeni html bilgilerinde bu karakterler arası yazılan yazıların “TAG” olmasıdır. Örnek olarak <html>, </html> bir tag’dır. Bu taglar arası tag ne özellik içeriyorsa o özelliği yaptırabilirsiniz.

  • <head>, </head> tagı arasında yer alan Başlık bölümüdür.
  • <title>, </title> tagı <head> tagı arasında bulunur ve web sitenizin başlığını bu tagın arasına yazarak belirleyebilirsiniz.
  • <body>, </body> tagı arasında yer alan Gövde bölümüdür.

Örnek :

<html>
    <head>
        <title>Trkodlama.com<title>
    </head>
    <body>
        Trkodlama programcılarına ...
    </body>
</html>

Yukarıdaki örneği not defterine yazıp *.txt olarak değilde, *.html olarak kaydeder ve açarsanız sayfanın başlığının “Trkodlama.com” olduğunu ve sayfada “Trkodlama programcılarına …” altında ise “…” yazdığını göreceksiniz.

Unutmayınız ki <..> açılan her tag (etiket) </..> olarak kapatılmalıdır. Yani eğer bir tag başlatıyorsanız o tagı kullandıktan sonra kapatmalısınız. Aksi halde istemediğiniz görsel/şekilsel bozukluklar meydana gelebilir.

Eğer özel Türkçe karakterler kullanmak istiyorsanız web sayfanızda (ç,ı,ş,ğ,ö,ü) sayfanızın <head>, </head> tagı içine ve en başa şu kodu yazarsınız ;

<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">

Bu kod sayesinde özel Türkçe karakterleri (ç,ı,ş,ğ,ö,ü) kullanabilirsiniz. Sunucudan gelen verileri gösteren web sayfanız tamamıyla html’dir. Asp olarak çalışır web tarayıcınıza html olarak gözükür. Bunu denemek için istediğiniz bir web sayfasını açın ve tarayıcınızda o sayfaya fare yardımıyla “Sağ Tuş” ile bir kere tıklayın. Ardından “Kaynağı Görüntüle/View Source” tıklayın ve karşınıza açılan not defterini inceleyin. Herşeyin html bilgisi olduğunu göreceksiniz.

  • <b>, </b> etiketi, arasına yazılan yazıları kalın yapar.
  • <u>, </u> etiketi, arasına yazılan yazıları altı-çizili yapar.
  • <i>, </i> etiketi, arasına yazılan yazıları italik yapar.
  • <marquee>, </marquee> etiketi, arasına yazılan yazıları sağdan-sola doğru kaydırır.
  • <br> etiketi, yazınızda bir alt satıra geçmenize olanak tanır.
  • <p>, </p> etiketi, arasına yazılan yazının altına bir boş satır bırakır.

Aşağıda kullanabileceğiniz 6 tane başlık etiketi yer alıyor. En büyükleri <h1>, en küçükleri ise <h6>‘dır.

  • <h1>, </h1> etiketi, arasına yazılan yazının html dilinde hazır en büyük yazı olmasına olanak tanır.
  • <h2>, </h2> etiketi, arasına yazılan yazının html dilinde <h1>‘e göre biraz daha küçük olmasına olanak tanır.
  • <h3>, </h3> etiketi, arasına yazılan yazının html dilinde <h2>‘ye göre biraz daha küçük olmasına olanak tanır.
  • <h4>, </h4> etiketi, arasına yazılan yazının html dilinde <h3>‘e göre biraz daha küçük olmasına olanak tanır.
  • <h5>, </h5> etiketi, arasına yazılan yazının html dilinde <h4>‘e göre biraz daha küçük olmasına olanak tanır.
  • <h6>, </h6> etiketi, arasına yazılan yazının html dilinde hazır en küçük yazı olmasına olanak tanır.

Bir diğerleri ise:

  • <sup>, </sup> etiketi, arasına yazılan yazının üst simge içermesine olanak tanır.
  • <sub>, </sub> etiketi, arasına yazılan yazının alt simge içermesine olanak tanır.
  • <code>, </code> etiketi, arasına yazılan yazının bilgisayar kodu biçiminde yazılmasına olanak tanır.
  • <blockquote>, </blockquote> etiketi, arasına yazılan yazının alıntı biçiminde yazılmasına olanak tanır.
  • <font>, </font> etiketi, arasına yazılan yazının her türlü özelliğinin belirlenmesine olanak tanır (renk, boyut, yazı şekli vb.). Bu özellikler <font color="#000000"> gibi yazılarak yapılır tek başına bir işe yaramaz.

Şimdilik en basitinden size aktaracaklarım bunlar. Diğer derslerde görüşürüz.

TR Kodlama GitHub'da!

TR Kodlama'da yer alan makaleleri GitHub üzerinden düzenleyebileceğinizi biliyor muyudunuz? Harika değil mi? Bu makale ile ilgili düzenleme yapmak isterseniz aşağıdaki butona tıklayınız!

GitHub'da Görüntüle ve Düzenle!