rss

Html'e Giriş

Yazar: EfsaneFenerli | Posted in

HTML dosyası nedir?

  • HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" 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.
  • HTML dosyasının uzantısı htm veya html olmak zorundadır.
  • HTML dosyası basit bir text editör ile oluşturulabilir.


Bir deneme yapalım.

  • Eğer Windows kullanıyorsanız Not Defterini açın.
  • Eğer MAC kullanıyorsanız SimpleText programını açın.
  • Eğer OSX kullanıyorsanız, TextEdit'i açın



Ben windows kullandığım için not defterini kullandım.

Aşağıdaki kodu metin içerisine yazalım.

<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Bu benim html çalışmam :)..dersphp.blogspot.com <b>Bu yazı koyu yazılır</b>
</body>
</html>


Örnekte neler yaptık?

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(bitiğ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.Mesela bizim başlığımız "Php Dersleri - Eğitim Videoları".

<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 Bold (koyu) biçimde gösterilir.

Ufak bir not:

HTML dosyalarınızı kolay bir şekilde WYSIWYG (What You See İs What You Get), FrontPage veya Dreamweaver ile de hazırlayabilirsiniz.Fakat yeni başladıysanız tavsiyem elinizin alışması için kendiniz yazın.



Bir sonraki derste html'de hangi tag ne işe yarar onu anlatacam.
Saygılar...


DersPHP - Web Programlama
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

0 yorum yapıldı: "Html'e Giriş"

Sen de bir yorum yap...

Yorum Göndermek için mesaj yazmanız Yeterlidir.