Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     HTML’ye Giriş
     admin     04.10.2012     09:48:10

HTML dosyası nedir?

  • HTML’in açılımı Hyper Text Markup Language (Bunun tam Türkçe’si bulunmamakla beraber "Çok Yönlü Metin İşaretleme Dili" denebilir.
  • Bir HTML dosyası bir text dosyası olmakla beraber markup Tags (işaretlenmiş etiketler) içerir
  • Markup Tag’ler web tarayıcınıza sayfanın nasıl gösterileceğini gösterir.
  • Bir HTML dosyasının uzantısı htm veya html olmak zorundadır.
  • Bir HTML dosyası basit bir text editör ile oluşturulabilir.


Birlikte Deneyelim.

Eğer Windows kullanıyorsanız not defterini açın.

Daha gelişmiş bir not defteri programı kullanmak istiyorsanız NotePad++ kullanın.(Tavsiye ederim :) )

Ya da Dreamweaver gibi gelişmiş bir tasarım programınıda kullabilirsiniz.(İlerleyen aşamalar için tavsiye ediyorum)

Aşağıdaki metini açtığınız editör içerisine yazın:

<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Bu benim ilk sayfam <b>Bu metin koyu</b>
</body>
</html>

Dosyayı "sayfam.htm" olarak kaydedin.

Oluşturduğunuz dosyaya çift tıklayın. Dosya tarayıcınızda açılacaktır.


Örneğin Açıklaması

HTML dökümanınızdaki ilk tag (etiket) <html>’dir. Bu etiket tarayıcınıza bir HTML dosyasının koşturulacağını söyler. HTML dökümanınızdaki son tag (etiket) </html>’dir. Bu da tarayıcınıza HTML dosyasının sonunun geldiğini söyler.

<head> ve </head> etiketleri arasında kalan kısım başlık bilgilerini içerir. Başlık bilgileri tarayıcı penceresinde görüntülenmez.

<title> ve </title> etiketleri arasında kalan kısım dökümanınızın başlık bilgilerini içerir. Başlık tarayıcı penceresinin en üstünde görüntülenir.

<body> ve </body> etiketleri arasında kalan kısım, tarayıcı penceresinde görüntülenecek olan kısımı içerir.

<b> ve </b> etiketleri arasında kalan kısım ise koyu (bold) biçimde gösterilir.


Bir Not:

HTML dosyalarınızı kolay bir şekilde WYSIWYG (what you see is what you get), FrontPage veya Dreamweaver ile de hazırlayabilirsiniz.

Facebook'ta Paylaş    
Diğer HTML İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...

musa     19.04.2013    15:32:13

 

<html>
<head>
<title>esendere</title>
</head>
<body>
Bu benim ilk sayfam <b>Bu metin koyu</b>
</body>
</html>