HTML'ye Giriş
HTML Dersleri   -   Başlangıç Dersi

Bu derse HTML'ye Giriş diye isim vermeyi uygun gördüm. HTML ye yeni başlayacak olanlara aşağıda bi kuş bakışı ile olayı göstermeye çalıştım. Merhaba dünya diye isimlendirdiğim 2. ders için bu sayfada en az 5 dakika kalmanız gerekiyor.

Çok şey söyleyebilirim: Siz harika bir programcı olacaksınız. Bu adamı takip ederseniz web yazılımının bir yapı taşı olan HTML'yi sindirerek öğreneceksiniz. İyi bir web yazılım uzmanı olacaksınız vs..

Peşin peşin konuşmak yalandır. İyi bir programcı olmanız için üzerime düşeni kusursuz yapma niyetiyle dopdoluyum.

Gelin susalım çalışmaya başlayalım konuşmayı başkalarına bırakalım;





Bu dersler için motivasyon kaynağım mezardır. Uzun süredir programcılık birikimim benimle mezara gitmesin diye bir arzum vardı. Bu arzum sizin öğrenciliğiniz ile gerçek olacak.

Tarık yıldızını bilir misiniz? Bitiş dersini yaptığımda size Tarık yıldızını anlatacağım.

Önce özet geçelim HTML bir web yazılımı değildir. Web yazılım uzmanlığı ile alakası vardır.

www.google.com web sayfasını tarayıcınızda açın. CTRL + (soUrce) tuş kombinasyonuna basın. Kısayol tuşuyla açılmadıysa; sağ tıklayıp (sayfa kaynağını görüntüle) seçeneğini seçiniz.

Kodlarını açmayı başardınız mı? Bu HTML kodlarının karmaşıklığını görmeniz önemliydi; korkmayın lütfen; korkunuz sizi vazgeçirmesin siz vazgeçmezseniz korkunuz vazgeçecek!

Yukarıdaki resimde Ajan ile Neo karşılaştığında kaçmayan bir öğrenci var. Merdivenler önünde (kaçış yolu) o ise kaçış yolunun başında durup düşünüyor.

Resim 1 deki karmaşık kodlara baktığınızda kod yerine tarayıcınızın size gösterdiği görüntüyü görmek ister misiniz? Siz de resim 1 e baktığınızda resim 2 deki görüntüyü oluşturan bir hafızaya sahip olmak ister misiniz?


Kartopu yuvarlanmaya başlar ve sürekli yuvarlanma ile büyük bir kütleye dönüşür. Vazgeçmeyin çalışmaya başlayın ve çaba gösterin. Beni kendinize rehber olarak seçerseniz rehberiniz olmayı ben sürdüreceğim vazgeçmeyeceğim.

Bazıları giriş seviyesinden başlamak istemeyebilir: Onlara diyorum ki şu HTML Quiz sizin seviyenizi size söyleyecektir. Lütfen şu HTML testi yapıp seviyenizi belirleyin.

%50'nin altında bir başarınız varsa öğrenci olun.

%50'nin üzerinde bir başarınız varsa (kendinize bir iyilik yapın) kendinize bir öğrenci bulun. Bir de alfabetik sıradaki HTML etiket referansına bakınız: Referans





Siz kaçış merdivenlerine sırtınızı dönüp web yazılım uzmanı olamamışlığınızla (ajan smith ile) dövüşmeye karar verensiniz.

Öyleyse bu aleme hoş geldiniz.

Size silahınızı söylüyorum: Silahınız sürekli çalışmak. Bu silah hemen elinizin altında olmalı. Onu yanınızda taşımalısınız. Yoruldukça dinlenerek, dinlendikçe tekrar yorularak başarabilirsiniz.

Web yazılım uzmanı olamayacağınız düşüncesi oluşmaya başlarsa hemen çıkarıp VURUN; o düşünce param parça olsun sizin çalışmanızla.


Eğer whatsapp grubuma katıldıysanız; Ben sizin öğrenciliğinizi izliyor olacağım. Gerektiği yerde gerektiği kadar müdahalem olacak. Sen evet sen orada debelenme bana sor ve aynı zamanda herşeyi bana sorma; başarıya giden yolda yürümeyi öğrenmelisin.

HTML Nedir
HTML Etiketleri
W3C

  • HTML Etiketlerden oluşur.
  • Etiketler iç içe olur.
  • Bir etiket bitmeden yada bittikten sonra 2. etiket başlayabilir.
  • İçerdeki (2.etiket) kapatılmadan dıştaki etiket kapatılmaz.
  • Buna kesişme olmamalı diye isim vereceğiz.
  • Kapanmayan etiketler vardır örneğin: BR etiketi kapanmaz.
  • Şu anda geçerli olan HTML versiyonu 5 dir.
  • Bir yazıyı koyu (bold) yaparken etiket yerine CSS kullanmak çok daha iyidir.
  • HTML'de hangi etiketler olacağını W3C belirler.
  • W3C bir topluluğun adının kısaltmasıdır.
  • Web sitelerinin adı : www.w3.org 'dur.
  • Zamanla bazı etiketler kalkar.
  • Zamanla bazı yeni etiketler gelir.
  • Bir Web sitesine girdiğinizde tarayıcı kullanırsınız.
  • Çeşitli tarayıcılar vardır ve herbirinin firması farklıdır.
  • Web sitesi standartlara uyularak hazırlandıysa her tarayıcıda aynı gözükür.
  • Etiketin bitişi / (sağa yatık slaş) ile yapılır.
  • Etiketler küçüktür işareti (<) ile büyüktür işareti (>) arasına yazılır.
  • Etiketler İngilizce kelime yada İngilizce kısaltmalardır.
  • HTML etiketlerinin bilinçli biraraya gelmesiyle web sayfası oluşur.
  • web sayfasını text editörde açıp okuyabiliriz.
  • Web sayfalarının dinamik olmayanları html yada htm uzantılı olur.
  • Dinamik web sayfaları birer programdır.
  • Sayfanın dinamik olmasından kasıt; sunucu taraflı kodlamadır.
  • Sunucu taraflı kodlamaya İngilizce olarak server side script denir.
  • Web sayfasına gelen kişiye ziyaretçi diyeceğiz.
  • javascript ziyaretçi tarafında çalışan bir programdır.
  • Ziyaretçi ile etkileşimi sağlar.
  • html yada htm uzantılı dosyalarda da javascript kodları yer alabilir.
  • Ziyaretçi tarafındaki dinamiklik javascript ile sağlanır.
  • Javascript kodlarını da text editör de açıp okuyabiliriz.
  • Teknik olarak html ve htm sayfalarında javascript kullanılsa bile pratikte sunucu taraflı kodlama ile birlikte kullanımı yaygındır.

0:0

Merhaba Dünya

Bu sayfanın TEKİL ziyaretçisi: 440

Web Ana Sayfa
Bu sayfa İsmail PALA tarafından 5.3.2022 tarihinde hazırlanıp yayına alınmıştır. Copyright