Html Dersleri - 1

Önsöz

Sizlere artık derste vermeye başlayacağım. Bu sayfa hiçbir yerden alıntı değildir. Hepsini Kendim Yazdım. Sizlerin bunlardan birşeyler öğrenebilmeniz için.

HTML'ye Giriş

HTML yani Hyper Text Markup Language adında da belirtildiği gibi bir dildir. Kodlama dili. İnternet Kodlaması bu dil sayesinde yapılır. 
Şimdi sizden bir şey yapmanızı isteyeceğim. Dream Weaver veya NotePad++ Programını bilgisayarınızda bulundurun. Dream Weaver'ı 10 TL'ye Satın alabilirsiniz ya da NotePadd++'ı Bedavaya indirebilirsiniz. Ben Dream Weaver'i satın aldım ama Pek kullanışlı değil. Size NotePad++' tavsiye ederim.

Neysekonuyu dağıtmadan HTML Dersine başlayalım. NotePad++'ı açın. Oraya Şunu Yazın:


Sonra [CTRL]+[S] tuşları ile kaydetme ekranını açıyor ve ardından "dosya adı.html" olarak kaydediyoruz.
Sonra dosyamızı açıyoruz.

Sonuç;

HTML Etiketleri

     1- <a>...</a> (Link Verme)

"a" etiketi html ilk çıktığından beri vardır. Bu etiket sayfalar arası geçişi sağlar. Yani link verme işine yarar. Daha çok menü yapımında kullanılır. Bunun için <nav></nav> etiketini kullanacağız ama bu sonranın konusu.

Kullanımı:   <a href="VERİLECEK LİNK">LİNKİ VERECEĞİMİZ YAZI</a>

Tag Adı	Kullanım Alanı
href	Linkin Verileceği Adres

     2- <img /> (Resim Ekleme)

img etiketi görselliği sağlamak için imaj eklemede kullanılır. daha sonra bunu konumlandırmak için <figure></figure> etiketinide kullanacağız.

Kullanımı:   <img src="RESMİN URL ADRESİ" alt="RESMİN AÇIKLAMASI" height="YÜKSEKLİK" width="GENİŞLİK" />


Eğik ve tüm satırı kaplayan bir ayıraç. Biliyorum çok kötü bir görünümü var. Ama Bunu CSS öğretmeye başlayacağım zaman güzelleştirebiliriz.

Kullanımı:   <hr />

     5- <p></p> (Paragraf)

p etiketi paragraf eklemek için ve sonra onu CSS ile güzelleştirmek için vardır.

Kullanımı:   <p>Bu Sayfa Furkan Baytekin Tarafından, Herkesin Yararlanması İçin Yazılmıştır.</p>