12 Temmuz 2014 Cumartesi

HTML'ye Giriş 1

HTML Nedir?

  • HTML, Hyper Text Markup Language'in kısaltmasıdır.
  • HTML çeşitli anlamlara gelen kodlamalar (tag) ve düz metinden oluşur.
  • Bu kodlar  < ile başlayıp > ile biterler.
  • Bir kod genellikle iki parçadan oluşur. Bu elementin başladığı ve bittiği kodlardır. Element bittiği zaman bölü işareti (/) ile başlangıçtaki değerin yazılması yeterlidir.Örneğin: 
  • Tabi her kod bu duruma uymaz. Bazı kodlar için kapanma anahtarı kullanılmaz, onun yerine bu işaret başlangıç kodunun sonuna eklenir. Örneğin:
  • Bu kodlar ancak bir Web Browser (Internet Explorer, Chrome) tarafından anlamlı hale getirilebilir.
  • HTML, en basit yolla bir not defteri ile yazılabilir
  • Bu kodla yazılmış dosyaların uzantıları genellikle html ya da htm'dir.

HTML'ye Giriş
   
HTML diliyle baz işlemleri yapabileceğimiz gibi bazılarını ise yapamayız.mesela metin biçimlendirme, liste, bağlantılar, resim kullanma, tablolar, çerçeveler ve forumlar yapabilirken etkileşimli ve olaylara duyarlı sayfalar, formlar işleyip değerlendiren sayfalar yapamayız. Bir web sayfası yapmak için tek gereken onu nasıl tasarlayacağımızı bilmektir.Eğer bu işi kod kullanmadan yapacaksanız Frontpage, Dreamweaver vs vs programlar kullanabilirsiniz.Ama ben bu işi kodlarla yapacağım diyorsanız size tek gereken herhangi bir metin editörü(Metin editörü olarak Windows ta NOTEPAD’i kullanabilirsiniz) . Şimdi hep birlikte HTML sayfasının genel yapısına göz atalım.

Şimdi hep birlikte bazı HTML kodlarını tanıyalım:

  • <html>…</html>    => Bu kod  HTML belgesinin başladığını ve bitiği yeri bildirir.Bütün diğer kodlar bu iki kod arasına yazılır
  • <head>…</head>  => HTML belgesinin ilk bölümüdür.Bu bölüme yazılanlar metin olarak ekranda gözükmez. 
  • <title> … </title>    =>  Head bölümü içine yazlan title kodu sayfanın başlığının yazıldığı bölümdür.
  • <p> ... </p>            =>Paragraf başı. Bitiş etiketi gerektirmez. 
  • <b> ... </b>            =>  Koyu metin 
  • <i> ... </i>              =>  İtalik metin
  • <small>...</small>   =>  Küçük metin
  • <big>...</big>         =>  Büyük metin
  • <sub>...</sub>        =>  Subscript metin
  • <sup>...</sup>        =>  Superscript metin
  • <br>                        =>  satırbaşı yapabilirsiniz..
Bu temel yapıları inceledikten sonra basit bir sayfa yapabiliriz.
Yukarıda gördüğümüz kodları metin editörüne yazıp .html uzantısıyla kaydedersek ve bu dosyası çalıştırdığımız zaman ekrana aşağıdaki bir sayfa gelecektir.



Hiç yorum yok: