1.170 kez okundu

Html de temel terimler

10 10 1.170 kez okundu incelendi

Bu derste html’in temel terimlerini öğreneceğiz; <html> <head>…

Bir kod, ters slash işareti (/) ile başlarsa kapatılıyor demektir.

Örneğin; </html>

Kodlara geçiyorum.

  • <html> İlk ve temel etikettir. Sayfanın bir web sayfası olduğunun ispatıdır. Kapatılması gerekir.
  • <title> Başlık. Her sitenin bir başlığı olmalıdır. Bu etikete yazacağımız kelime veya kelimeler, tarayıcının sol üst köşesinde görünür. </title> ile kapatılması gerekir.
  • <head> Sitede görünmeyen, fakat çok işe yarayan bir etikettir. “title”, “meta” ve bazı scriptlerin yazıldığı bölümü temsil eder. Sitenin arama motorları tarafından tanınması için anahtar kelimeler yazılır. Ayrıca siteyi hazırlayan, farklı dil kodları gibi bilgiler yazılır. <html>den sonra açılır, <body>den önce kapatılır.
  • <meta> “head” içine yazılır. Kapatılmaz.
  • <meta name= “Description” content= “Açıklama”>: Site hakkında açıklama yazılır.
  • <meta http-equiv=”Content-Type” content=”text/ html; charset=iso-8858-9″> : Türkçe dil karakterlerin doğru görüntülenmesini sağlar.
  • <meta name= “Keywords” content= “kelime1, kelime2, kelime3”>: Bazı arama motorları, sitelerin “meta” etiketlerine göre arama yaparlar. Bu sebeple sitemizi tanımlayan veya konular hakkında bilgi içeren anahtar kelimeler girebiliriz. Yüzlerce kelime girmemiz mümkün.
  • <meta name=”Author” content=”Mazhar Mustafaoglu”> : Siteyi hazırlayan kişinin ismi yazılır.
  • <meta name=”generator” content= “Program Adı”> : Sitenin hazırlandığı programı tanımlar. WYSIWYG (What You See Is What You Get) programları bu etiketi genellikle otomatik yazarlar.
  • <body> Gövde. Tüm belge, bu etiket içindedir. Kapatılmalıdır. Etiketin içine aşağıdaki kodlar eklenebilir.
  • bgcolor= “zeminrengi”: Sayfanın zemin rengini belirler.
  • leftmargin= “0” topmargin= “0”: Sayfanın sınırlarını sabitler.
  • style= “font-family: Tahoma; font-size: 2pt; color: yellow: Yazı karakterleri, büyüklüğü ve rengi seçilir.
  • Link= “red” alink = “blue” vling = “yellow” : Link, aktif link ve ziyaret edilmiş renklerin rengini ayarlar.
  • Bu kodların birkaçı bir arada yazılabilir:

    <body bgcolor= "black" link= "blue" style= "font-family: comic sans; font-size: "pt; color: gren">

    gibi. Yazılmayan bilgiler için varsayılan ayarlar kullanılır.

  • <b> Bold, alın harf. “body” içine yazılır. Arasına yazılan harfler kalın görünür.
  • <i> Harflerin italik yazılmasını sağlar. “body” içindedir. Kapatılmalıdır.
  • <u> Altı çizgili yazdırır. “body” içindedir. Kapatılmalıdır.
  • <strong> Arasındaki metni vurgulu gösterir.
  • <br> Bir alt satıra geçmeyi sağlar. Kapatılmaz.
  • <p> Paragraf yapar. Kapatılmaz.
  • <p align= “left (veya center, right)”> : Paragrafın yerini belirler.
  • <big>: Büyük metin. Kapatılmalıdır.
  • <small> Küçük metin. Kapatılmalıdır.
  • <center> Arasındaki metni veya resmi sayfanın ortasına hizalar. Kapatılmalıdır.
  • <sup> Üs olarak yazar. Kapatılmalıdır.
  • <sub> İndisi gösterir. Metin, biraz alttadır. Kapatılmalıdır.
  • <font> Yazı özellikleri. Kapatılmalıdır.
  • <font face = “verdana, tahoma” font color = “white” font size “3”>: Verdana yazı karakterinde beyaz ve 3 punto bir yazı. Verdana desteklemeyen bilgisayarlar için alternatif olarak tahoma görünür.
  • <h1> Yazının büyüklüğünü belirler. En büyük “1”, en küçük “6”dır. Kapatılmalıdır.
  • <pre> Bu etiketin arasına yazılan her şey, yazıldığı gibi görünür. Yani boşluklar, harflerin yerleri, satır başları gibi” Kapatılmalıdır.
  • <a href> Link oluşturma. </a> ile kapatılır.
  • <a href=”www.sanalkurs.net”> : Arasına yazılan metni, belirtilen siteye link yapar.
  • <a href=”#herhangi bir kelime””> : Metni aynı sayfa içinde bir yere bağlar. Sayfada gidilmesi gereken yerin başına ise <a name=”her hangi bir kelime”> yazılır ve kapatılır.
  • <a hred=”mailto:ornek@live.com”> belirtilen adrese gönderilmesini sağlar.
  • <img src> Resim kaynağı.
  • <img src=”C:/belgeler/resimler/resim.gif”> : Bir resmi tanımlar. “Dosyalar” klasöründeki “resim.gif” dosyasını gösterir. Sayfa ile resim aynı klasörde ise sadece resmin adı “uzantısı ile birlikte- yazılır. Kapatılmaz.
  • <img src=”resim.jpg” width=”50″ height=”100″ alt=”Buraya resmin alternatif metnini yaz”> : Boyutları 50-100 pixel olan resim. Alternatif metin ise, resim açılmadığında veya Mouse ile üzerine geldiğinde görülür. Etiketin başına <p align= “center”> eklenebilir.
  • <marquee> Kayan yazı. Kapatılmalıdır.
  • <ul> Listelemeyi başlatır. Kapatılmalıdır.
  • <li> Listedeki her maddenin başına yazılır. Kapatılmalıdır.
  • <ol> Sayı sıralı liste oluşturmak için “ul” yerine kullanılır. Kapatılmalıdır.
  • <button> Buton oluşturma.
  • <button>Düğme</button> : Üzerinde “Düğme” yazan bir buton oluşturabilir.
  • <table> Tablo oluşturma. Kapatılmalıdır.
  • <table border= “0”> : Tablonun çerçeve kalınlığı.
  • <td> Tabloda hücre oluşturma. Kapatılmalıdır.
  • <tr> Hücre satırı oluşturma. Kapatılmalıdır.
  • <textarea> Metin kutucuğu oluşturur. Kapatılmalıdır.
  • <div> Div tag’leri oluşturur.
  • Yorum yap

    Barış Ozcan Facebook Sayfasi
    Barış Ozcan Twitter