HTML Dersleri

HTML ye cesaret kazanmak (Web HTML)


Bu derste oluşturacağımız ufak html dosyasını görmek için buraya tıklayınız.

web sayfalarının temeli html dir. bu bir kısaltmadır (H) + (T) + (M) +
(L) = HTML harflerinin herbiri ingilizce bir kelimeye karşılık
gelmektedir.

HTML nelerden oluşur?
HTML etiketlerden (taglardan) oluşur.
HTML deyince aklınız karışmasın HTML sayfaları düz yazıdır. Evet evet
bildiğiniz düz yazıdır. fakat bu düz yazıyı oluşturan etiketler
topluluğunun herbiri ingilizce kelime yada kelime kısaltmalarından
yapıldığı için biraz karışık gelebilir.Bu karışıklığı giderebilmemiz
için sizin istek + çaba + sürekliliğinize ihtiyacımız var.

Bu ingilizce kelimeler yada kısatmalar etiket (tag) olurken başına <
işareti konur ve kelime yada kısaltma bittikten sonra da > işareti
konarak etiketin (tagın) başlangıcı elde edilir.

Bu html etiketi olan "header 3"ün başlangıcını gösterir.

başlayan herşeyin bitirilmesi gerekir.

html etiketinin bitişi başlangıcı gibidir tek farkla ki <
işaretinden sonra / işareti vardır:

bu html etiketi olan
"header 3" ün bitişini gösterir




web sayfaları (html sayfaları) etiketlerden (taglardan) meydana gelir demiştik.

etiketin önü

etiketin içi

etiketin sonrası

teori pratik olmadığında sıkıcı olmaya başlar
hadi şimdi pratiğe geçelim.

klavyedeki windows tuşu hangisidir?
Ctrl ile Alt tuşları arasındaki tuştur, windowsun başlat menüsünü açan tuştur.
windows tuşuyla bazı tuşlara birlikte basarak bazı program yada süreçleri başlatabilirsiniz.


windows tuşu ile R tuşlarına birlikte basalım (buradaki R = Run kelimesinin ilk harfini temsil eder)
gelen pencereye notepad yazalım ve entere basalım
notepad nedir?
windowsta düz yazı yazabilmeyi sağlayan bir programdır.
bu program microsoft wordun en ilkel halidir. ve windows işletim
sistemleriyle birlikte gelen (her makinada olan) bir programdır.


şimdi düz yazı yazmaya başlayabilir miyiz?

aşağıdaki satırı yazıp dosyayı kaydedelim dosyanın ismi şu olsun web-tasarimi-1-1.html (veya ilkders.html şeklinde de isim verebilirsiniz, farketmez)

etiketin önü

etiketin içi

etiketin sonrası



Şimdi bu dosyayınızı (web-tasarimi-1-1.html) internet tarayıcısı (web browser) ile açıp bakınız.
Benim yazdığım dosya ile aynı görüntüyü elde edebildiniz mi? Benimkini görmek için buraya tıklayınız.

Eğer aynı görüntüyü elde edemediyseniz lütfen dosya soyadını kontrol edin txt olmaMAsı gerekiyor.
Notepad programında kayıt yaparken dosyaya isim verdikten sonra Dosya
türünü Tüm dosyalar (All Files) şeklinde seçiniz. txt seçili olursa
dosyanız otomatik olarak yazı türünde kaydedilir; ama bizim dosya
türümüz (dosya soyadı) html olmalıdır.

1. dersimiz bitmiştir.

sizin bir dahaki derse kadar yapacağınız pratik şudur:
3 rakamı yerine başka rakamlar denemek
birden fazla header html etiketini (

) denemek.

saol güzel paylaşım