HTML NEDİR?

Başlangıç - Kısaca

Bu dersi sonuna kadar dikkatle okurmusun! İyi bir başlangıç yapıp yola ilk adımını atmış olacaksın!

Sen bir toprak ben ise html dersleri ile o toprağa tohumlar eken çiftçi.


Buraya senin için 2. tarzda HTML dersleri hazırlıyorum. Özel ders verdiğim 2. öğrencim Kürt. Anadili Kürtçe. HTML öğrencisinin ismi ticari sırdır. Lakin K. Ç. dediğimde siz ilkokul mezunu ve hayatın sokak tabir edilen evin dışı ile erken yaşta tanışmış bir öğrencimi hatırlarsınız.

Kürtler benim komşum. Ben Türküm. Benim yaşam koçum (S. A. V.) benim ile komşumu neredeyse mirasçı yapayazdı. Herkes kadar bilgisayar kullanır. Bu öğrencim ile yapacağımız özel dersler çerçevesinde buraya web dersleri hazırlayacağım. Lütfen hadi başlama çizgisini geç gel başla.

Kısaca HTML (Özet)

İşaretleme için etiket kullanılır

Etiketler İngilizce kelimelerdir

Web sayfaları HTML ile oluşturulur

Etiketin önünde küçüktür işareti olur

Etiketin sonu da işaretlenir

Etiket iki kez yazılır

Etiket kapanışı yatık çizgiyledir

MARKUP / İŞARETLEME

Eğitim en iyi ana dil ile olur. HTML, baba dil ile oluşmuş internet biliminin bir parçasıdır. Anlaşılması öğrencinin kabiliyetine değil daha çok öğretmenin anlatmasına bağlıdır. Size bu işi derslerim öğretmez ise kusur benimdir.



Dikkatle dinlermisin!
Aha buradan başla şuraya kadar nokta işareti koy lütfen.
|                    |

Hadi HTML öğrencim! iki sınırını verdiğim alana bildiğin nokta işaretini dolduruver.
Yani şöyle olacak:


Hangi işaret ile nereyi gösterdim? Dik çizgi ile yani | ile nokta konulacak bölgenin başlangıç ve bitişini gösterdim.

Nokta ve dik çizgi olmasaydı diyenler mi var. Tamam sallayın o ikisini. Köşeli parantez ve renk ile yapın.

[                    ] Mavi ile boyar mısın?

Mavi alan MARKUP+lendi pardon işaretlendi; ne ile? Dik çizgi sevmeyenlere köşeli parantez ile işaretledim.

Yani şunun gibi yapacaksın:

TEXT / YAZI

HTML de Sign yok ki! Text yani yazı var. Hadi öğrenci arkadaş şu cümleye kadar söylediklerimin üzerine bas ve ikinci basamağa çıkmaya hazırlan.

Sign yoksa o zaman biz de aşama atlayıp işaret ve (text/yazı) kullanalım.

Ne değişti fark ettin sanırım. Text Markup oldu; yazı ile işaretleme yaptım.

1) Nokta ile doldur.
2) Mavi ile boya.


Bi üçüncü isteğim olacak sizden o anlık ödevden önce şu diyeceğimi iyi bellemelisin:

"Allah, bilendir görendir. " cümlesini işaretli alana yaz.

Sizden yukarıda istediğim üç anlık ödev oldu. Her biri farklı bir durumu netleştirmek içindir.

"Allah, bilendir görendir. " cümlesi olan anlık ödev ilk ikisinin yetersizliğini gösterir. Markup / işaretleme yaparken dik bir çizgi veya köşeli parantez veyahut başka bir işaret bize neden yetmez onu görebildiniz mi?

İşaretlerken kullanılan text / yazı ile işaretli alandaki yazı birbirine karışmamalı.


Bir de alan bitişi ifade ederken / (yatık çizgi) kullanıldı. Alan başlangıç işaretleme ile alan bitiş işaretleme farklı olsun ki HTML orkestrası oluşturalım. Tek etiket ile HTML sayfası olmaz!

Tek bir tane (TAG/etiket) bize yetmez. Bir (web/veb) sayfası yaparken aynı yada farklı etiketler birlikte kullanılacak. Tarayıcı bu farklılığı yatırdığımız çizgi ile farkeder. Neden mi yattı? Yorulduğundan sağına yatıverdi. Öğrencim sen yatma dik dur: yeni başladık.

Hadi tamam az ara ver geri gel lütfen. Daha yolumuz uzun. Ne yolumu? Web tabanlı yazılımcı olmak için bana gelmedin mi sen?



Tamam seni mi kıracam HACKER olma yolu olsun. Türkiye ve insansı robot fabrikası yapan fabrika diye arat. Kurucu olana sor ki MS-DOS tabanlı EXE programın var mıydı? Adres etiket programında 7 koruma var mıydı? Adres etiket programındaki bu korumaları kırıp senle kim yemek yedi? Yok ben hesabı ödeyen değildim ödetendim.

Mola verenler de geldiler? Hoş geldin web sayfası yapmayı öğrenmeye kaldığımız yerden devam edelim.

Şu aşağıdaki ifade üzerine 1dakika (sayaç tutup) düşünürmüsün.

HTML AÇILIMI

Biliyormuş görünmek öğrenmenin önünde engeldir. Öğretmeyi de şöyle engeller ki: toprağı küçük görme çiftçiyi bozar. HTML açılımını boşver bunun yerine HTML neymiş beyninde bu ders ile bir tepsi oluşturalım; Sonrasında 20den az bir ders ile de o tepsiyi donatalım. Ben size bilgimi göstermek değil bilgimi vermek istiyorum.



Yüksek Metin Belirleme (damgalama/işaretleme) Dili. Ne zaman icat edildi? İnsan kalemle yazmayı kendi kendine öğrenmedi. O öğretti. Düz yazı veya nesir denilen bilginin ifade şekli yanında resim ile ifade çok önceleri vardı. Mağara duvarlarına çizilen yazılan bilgiler daha sonra kağıdın icadı ile kağıtlara yazılır oldu. El yazması kitapların yerini ise sonradan matbadan bir seferde çokca çıkan kitaplar aldı.

Şimdi ise internet kitabı olan web sitesi var. İnternet kitabının sayfalarına web sayfası denir. Web sitelerinin her biri bir kitaptır ve web ise büyük bir kütüphanedir. Matbaa masrafı olmasa da domain ve hosting maliyeti vardır.


Yukarıda sayaç tuttun mu? O html kodlamanın renk ile ifadesi aşağıdaki gibidir.

Web sayfasını yazıp çizmek için HTML bilmelisiz.

Güzelleştirmek için CSS bilmeniz gerek.

Kullanıcı etkileşimi için ise web tabanlı yazılım dili bilmeniz gerek.

Merkezi bir yerden birçok kişi ile etkileşim için de sunucu taraflı yazılım bilmelisiniz.

Çok fazla bilgi oluşturan web sitesindeki verileri yönetmek için de SQL bilmelisiniz.

Big data denince çarpıcı oluyor; İngilizceye çarpılmış birinin CV sinde görmüştüm. Big data ne zaman doğdu? Bu telefonlar ile her bir insan fotoğraf ve video üretmeye başlayınca değil; bunları bir yerde DEPOLAYIP bunlar üzerinden reklam tüccarlığı yapanlar ile başladı.



Gelin bi düzeltme yapalım:


Ev Ödevi:
Hadi! bu sefer web sayfasını istediğin renge boya. Onaltılık sayı (#AFC0D3) üzerine tıklarsan sayfa boyanacaktır. Sen ara tara bu işi boyama.html dosyası ile yapmaya çalış. İstersen şu renge boya: (#AFC066)

---