Wordpress Free ThemesOnline TipsArticles DirectoryForeclosure HelpHouse For Sale By OwnerHouse StagingProperty Management

Html Giriş

| 21 Eylül 2011 | 7 Comments

Merhaba, ilk makalemde sizlere internette veri paylaşımının ve web sayfalarının temelini oluşturan HTML (Hyper Text Markup Language) hakkında bilgi vereceğim.
HTML günümüzde en yaygın olarak kullanılan metin tabanlı dildir. Zira HTML bir programlama dili değildir ve bu dili tek başına kullanarak program yazılamaz. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır.

Bir HTML dosyası oluşturmak için C de ya da Pascal da olduğu gibi derleyici bir programa ihtiyaç duyulmaz, düz yazı yorumlayabilecek tüm programlar da HTML yazılabilir. Yazmaya her seferinde <html> koduyla başlanır ve en son </html> koduyla son bulur. <head> kodu sayfamız hakkında bilgilerin bulunduğu bir etikettir. Örneğin sayfamızın başlığının bulunduğu <title> etiketi ve arama motorlarına bilgi transferi için oluşturulan <meta> etiketi, bu kodun yorum alanında tanımlanır. <title> kodu sayfanın başlığını içerir ve <head> etiketinin etki alanında olmak zorundadır.
Html – 1

<body> etiketi sayfamızda görünen tüm verileri içerisinde bulundurur ve en geniş kapsamlı HTML kodudur. Bu etiketin etki alanında tanımlayacağımız her etiket sayfamızı doğrudan etkiler ve dolayısıyla ziyaretçilerimize doğrudan görünür.

Sayfanın renk kodları, arka planı, içerisindeki yazılar, tablolar, resimler, sayfanın yapısı, biçimi ve sayfaya giren ziyaretçilerimize anlatmak istediğimiz her şeyi bu etki alanında oluştururuz. <body> etiketinin içine yazacağımız “bgcolor” kodu ile arka plan rengini belirleriz.
Arka planda bir renk değil de herhangi bir resim kullanmak istiyorsak “background” kodu ile arka plan resmini belirleriz. Yine aynı şekilde “text” kodu ile sayfadaki yazıların rengini, “link” kodu ile kurulan köprülerin rengini, “vlink” ile de daha önce ziyaret edilmiş olan köprülerin renklerini belirleriz.

Html – 2

Yine <body> alanında oluşturacağımız, <center> etiketi verileri ortalamak için kullanılır. <center></center> kodları arasına yazılan veriler sayfanın ortasına hizalanacaktır. <b> etiketi metni kalınlaştıracak, <i> italik yapacak, <s> metnin üzerini çizecek ve <u> altını çizecektir.
Paragraf yapmak için kullanacağımız etiket <p> ve satır atlamak için kullanacağımız etiket ise <br> dir. <br> etiketinin sonlandırıcısı yoktur, yani arasına herhangi bir veri girilmez, sadece boşluk vermek istediğimiz metinden sonra ya da önce kullanılabilir. <hr> etiketini, sayfaya yatay bir çizgi eklemek için kullanırız ve yine <br> etiketinde olduğu gibi <hr> etiketinin de sonlandırıcısı yoktur. <hr> etiketi üç farklı özelliğe sahiptir. “width” çizginin uzunluğunu belirlemek için kullanılır. “size” çizilen çizginin kalınlığını belirler ve “color” ise çizginin rengini belirlemek için kullanılır.
Daha çok başlıkların boyutunu belirlemek için kullanılan “h” etiketi büyükten küçüğe doğru sıralarsak <h1><h2><h3><h4><h5><h6> olarak başlık metninin başına ve sonuna eklenir. Örneğin <h3>BAŞLIK</h3> kodları arasına yazılan başlık metni <h1> etiketine oranla daha küçük görünecektir.

Html – 3

Biraz da resim ve link ekleyelim sayfamıza, <img> etiketi sayfamıza dışarıdan resim eklememizi sağlar. <img src=”resim. jpg”> etiketi arasına yazacağımız şey direk olarak resmin adı olabilir. Ancak bu durumda ismini yazdığımız resim dosyasının sunucumuzda, ilgili sayfanın bulunduğu alanda konumlanması gerekir. Aksi takdirde resim görüntülenmeyecektir.
Farklı bir yolu ise, resmi upload ederek kodunu <img src=”http://www.btgonulluleri.com/resim.html”> şeklinde oluşturmaktır. Resmin boyutlarını ayarlamak istersek “width” kodu ile resmin genişliğini “height” kodu ile resmin yüksekliğini belirleriz. <alt> etiketi ile resmin üzerinde fare ile bir süre beklendiğinde herhangi bir açıklama yazmasını sağlayabiliriz.

Html – 4

Sayfamızın içindeki verilere link vermek için ya da sayfa içinden farklı bir bağlantıya köprü oluşturmak için kullanacağımız kod <a href> kodudur. <a href> kodunun içine yazacağımız adres, sayfamızda bir köprü oluşturacaktır ve o adres ile bağlantı kurmamızı sağlayacaktır. <a href> … </a> kodları arasına yazacağımız herhangi bir metin ya da ekleyeceğimiz bir resim, köprü vazifesi görerek ziyaretçiyi yönlendirmek istediğiniz sayfaya otomatik olarak götürecektir. Eğer gidilecek bağlantının yeni bir sayfada açılmasını istiyorsanız bağlantı adresini yazdıktan sonra <target> etiketini kullanmamız gerekecektir.

Html – 5


Berat DURU
E-commerce Specialist

RastGele Reklam Kodu


Kategori: Web Yazılım

Yazar Hakkında ()

Yorumlar (7)

Trackback URL | Comments RSS Feed

  1. Sefa Aydemir Sefa AYDEMİR dedi ki:

    Ellerine sağlık Berat Hocam, devamını bekliyoruz…

  2. Elinize sağlık Berat hocam html iyi bir başlangıç web yazılımı için.

  3. Cem BALIK Cem BALIK dedi ki:

    Eline sağlık Berat, diğer makaleleri de sabırsızlıkla bekliyoruz.

Bir yorum yazın

Bir Yorum yazmak için giriş yapmalısınız.