0 gün Seviye 1 Avar Teknolojileri

Web Nasıl Çalışır?

Ders 2/45 · 4 dakika · 3 soru

Bu dersin sonunda bir web sayfasının ekranınıza nasıl geldiğini ve HTML’in bu işteki yerini açıklayabileceksiniz.

Bir sayfa ekranınıza nasıl gelir?

Tarayıcının adres çubuğuna ornek.com yazıp Enter’a bastığınızda kısaca şunlar olur:

  1. Tarayıcı (Chrome, Edge, Firefox gibi) bu adresin hangi bilgisayarda olduğunu bulur. Web sitelerini barındıran bu bilgisayarlara sunucu denir.
  2. Tarayıcı sunucudan sayfayı ister. Buna istek denir.
  3. Sunucu, sayfanın dosyasını geri gönderir. Buna da yanıt denir. Gönderilen dosya bir HTML dosyasıdır.
  4. Tarayıcı HTML dosyasını okur ve sayfayı ekrana çizer.

Sayfada resim gibi başka dosyalar varsa tarayıcı onları da ayrı ayrı ister.

Adres çubuğuna yazdığınız bu adrese URL denir.

Üç dil, üç görev

Bir web sayfası çoğunlukla üç dilin birlikte çalışmasıyla oluşur:

  • HTML: Sayfada ne olduğunu söyler. Başlık, paragraf, resim, bağlantı gibi. Vücuttaki iskelet gibidir.
  • CSS: Sayfanın nasıl göründüğünü söyler. Renk, yazı tipi, yerleşim gibi. Vücuttaki deri ve kıyafet gibidir.
  • JavaScript: Sayfanın nasıl davrandığını söyler. Bir düğmeye basınca menünün açılması gibi. Vücuttaki kaslar gibidir.

Bu bölümde HTML öğreneceğiz.

HTML bir programlama dili mi?

Hayır. HTML bir işaretleme dilidir. İçeriği işaretleyerek “bu bir başlık, bu bir paragraf” der. Hesap yapmaz, karar veremez. Python’da gördüğünüz if veya döngülerin HTML’de karşılığı yoktur.

İlk HTML’iniz

Aşağıdaki kutu bir HTML kodu ve o kodun tarayıcıdaki sonucunu gösteriyor. Düzenle düğmesine basıp yazıları değiştirin, önizlemenin değiştiğini görün.

<h1>Merhaba!</h1>
<p>Bu, tarayıcının çizdiği bir sayfa.</p>

Bu derslerde h1 ve p gibi kelimelerin ne demek olduğunu tek tek öğreneceksiniz. Şimdilik anlamanız gerekmiyor.

Bir sitenin HTML’ini görmek

Bilgisayarda adres çubuğunda bir adresin başına view-source: yazarsanız o sayfanın HTML kodunu görürsünüz. Örnek: view-source:https://ornek.com

Kendinizi deneyin

Soru 1

“Düğmenin rengini kırmızı yap” işi hangi dilin görevidir?

  • HTML :: HTML düğmenin var olduğunu söyler ama rengiyle ilgilenmez.
  • CSS :: Doğru, görünümle CSS ilgilenir.
  • JavaScript :: JavaScript davranışla ilgilenir, görünüm CSS’in işidir.
Soru 2

Web sitelerinin dosyalarını barındıran ve isteklere yanıt veren bilgisayara ne denir?

  • Tarayıcı :: Tarayıcı isteği yapan taraftır.
  • URL :: URL bir adrestir, bilgisayar değildir.
  • Sunucu :: Doğru.
Soru 3

HTML ile aşağıdakilerden hangisi yapılamaz?

  • Sayfaya başlık koymak :: Bu tam olarak HTML’in işidir.
  • İki sayıyı toplayıp sonucu yazdırmak :: Doğru. HTML hesap yapamaz, bunun için JavaScript gibi bir programlama dili gerekir.
  • Sayfaya resim eklemek :: Resim eklemek HTML ile yapılır.

Bu derste öğrendikleriniz

  • Tarayıcı sunucudan sayfayı ister, sunucu HTML gönderir, tarayıcı da onu ekrana çizer.
  • HTML içeriği, CSS görünümü, JavaScript davranışı belirler.
  • HTML bir programlama dili değil, işaretleme dilidir.

Dersi bitirdin mi?Bu dersi tamamladın.

İlerlemen bu tarayıcıda saklanır.