forumlarda dolaşırken gördüm
https://jsfiddle.net
Site deki amaç:site kod yazarak kendimizi geliştirebilir yada kod yazma becerilerimizi test edebiliriz

siteye kaydoldugumuzda 4 farklı kutu geliyor
[CSS]:sağ üst css yazıyor peki CSS nedir örnegin bir kutunun içine yazı yazacagız Css kutuyu oluşturmamızı sağlar yani oluşturacagımız programın iskeletini CSS ile oluşturabiliriz
[HTML]Click here to enlargeluşturacagımız kutuyu sistem içine aktarır yani id sini oluşturur
[JavaScript]Click here to enlargeluşturacagımız kutunun içine yazı yazmayı sağlar
evet programımızı yazdıktan sonra sağ alt köşedeki bölümde gözükür

Evet şimdi ilk derse geçelim Kutumuzu oluşturalım
ilk olarak HTML den başlıyoruz
html olan yere
yazıyoruz

Peki 2 kez div komutu kullanmışız nedir bu Div Click here to enlargeiv etiketi bir HTML belgesi içinde bir bölüm belirtmek için kullanılır. Div html içinde verileri sağa, sola, yukarı veya aşağıya CSS yardımı ile hizalamaya yarar. Kısacası div'leri birer kutu olarak düşünebiliriz.

html de şimdi işimiz biti şimdi kutumuzun rengini ve kutumuza ekleyeceğimiz yazının hangi renk oldugunu belirliyelim

#kutu {
width:100px;
height:100px;
background-color:blue;
color:red;
}

evet şimdi yazdıgımız kodu inceleyelim ve tanımlayalım ilk olarak iskeleti oluşturalım

#kutu {



}

evet iskelet nedir : İskelet olmazsa olmazdır kutumuzun rengini ve yazı rengini iskeletimizin içine yazıcaz yoksa olmaz
simdi geçelim kutumuzun iskeletinin içini oluşturmaya
#kutu {
width:100px; : width nedir width kutumuzun genişligini belirler kaç yazmışız 100 istedigimiz sayıyı yazabiliriz
height:100px; height nedir height sitemizin yüksekligini belirler sonda px piksel demektir 100 girersek 100 piksek yükseklikte kutumuz olur
background-color:blue; : background-color arka plan rengini belirler örn background-color:blue ,red,green fln
color:red; color renk demektir kutumuzun içine yazacagımız cümlenin rengini belirler red,blue vb renk
}

Sıra geldi JavaScript bölümüne kodumu veriyim
var kutu = document.getElementById('kutu');
kutu.innerHTML = "deep web yazılım dersi 1.bölüm";

şimdi inceleyip tanıyalım var kutu = var kutu = document.getElementById('kutu'); yani

var kutu yani kutuyu tanımlatık document.getElementById('kutu'); :dökümanlardan kutu yu seçtik
kutu.innerHTML = "Selamun Aleyküm"; kutu.innerHTML : kutumuzun içine ne yazacagımızı seçiyoruz örn kutu.innerHTML = "Selamun Aleyküm";

evet kodları yazdık sıra geldi çalıştırmaya Sol üst köşedeki Run a basıyoruz sonra kodladıgımız kutu yazılımı sa alt köşede gözüküyor
(alıntıdır.)