HTML DERS NOTLARI
HTML ‘ E GİRİŞ
1. HTML NEDİR ?
HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili)basitçe,
browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit
dildir. Örneğin okuduğunuz bu sayfa HTML dili kullanılarak hazırlandı. Siz de
browser'ınızı (Internet Explorer, Netscape Navigator,..) kullanarak bu sayfayı
ekranınızda görüntülüyorsunuz. Tanımda geçen "internet dökümanı" ifadesinin
yanısıra HTML ile oluşturduğunuz belgeleri harddiskinize kaydedebilir ve internet
bağlantınız olmasa bile bu belgeleri görüntüleyebilirsiniz. HTML, programlama dilleri
(pascal, basic,..) gibi bir programlama mantığı taşımadığından öğrenilmesi gayet
kolay bir dildir.
Dilden ziyade kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için
kullandığımız komutlar dizisi bile diyebiliriz HTML için. HTML Öğreniyorum yazı
dizimizi okuyarak bu dil hakkında hiçbir bilginiz olmasa bile yazının sonunda
öğrendiklerinizle siz de kendi sayfalarınızı hazırlayabileceksiniz.
Hazırsanız buyurun başlayalım...
2. HTML’ DE TEMEL UNSURLAR
Bu sayfaya geldiğinize göre HTML öğrenme işinde ciddisiniz demektir. HTML
nispeten kolay bir dildir dedik. Bu dilde binary veya hexadecimal kodlar yok. Herşey
metin tabanlı ve bir HTML dökümanı oluşturmak için ihtiyacınız olan şey bir editör.
Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu işi Windows'un
notepad'i ile dahi halledebilirsiniz. Piyasada iki tip editör bulunuyor. Birisi metin
tabanlı, kod yazmayı gerektiren fakat bunun yanı sıra rutin bazı işlemleri
kolaylaştıran editörler(HotDog, HomeSite..) diğeri WYSIWYG (What You See Is What
You Get / Ne görürsen onu alırsın) tarzı denen kısaca görsel, kodlamayla
uğraştırmayı gerektirmeyen editörler (FrontPage, Dreamweaver, NetObjects
Fusion,..).
Benim yeni başlayanlara tavsiyem Windows'un notepad'i. Bu işlerin
nasıl yapıldığını öğrendikçe ilerde siz de görsel editörlere geçebilirsiniz. Çünkü bir
yerde istenmedik sonuçlar çıkabilir ve kodlara müdahele etmeniz
gerekebilir. Üstelik görsel editörler bazen istenmeyen kodlar ekliyorlar, bu da
döküman boyutunun büyümesi demek.
Burada şunu da belirtmek gerekiyor; browserlar arasındaki yorum farklarından
dolayı sayfanız bir Browser'da iyi görünürken bir başka browser'da hiç istemediğiniz
bir şekilde görüntülenebilir. Hele yeni bazı teknikleri (css, dhtml gibi)sadece MS
HTML Ders Notları
Internet Explorer 4 ve üstü desteklerken Netscape henüz bu teknikleri tam olarak
desteklemiyor. Yine de piyasayı neredeyse yarı yarıya paylaşan bu iki browser'ın
birbirlerine üstün olduğu yönleri var.
Sonuçta, ne kadar fiyakalı bir sayfa da yapsanız elde ettiğiniz başarı sayfanızı
ziyaret eden kişinin kullandığı browser'a mahkum. Hatta ziyaretçiniz browser'ına
verdiği bir talimatla "yalnız şu fontu kullan", "grafikleri görüntüleme" şeklinde bir ayar
yapmışsa emekleriniz boşa gitti demektir. Yine de bu kadar karamsar olmayalım. Bu
kadar genel bilgi yeter. Bir sonraki konuda ilk HTML sayfamızı yapıyoruz.
3. İLK SAYFAM
İşte ilk HTML sayfamızı yapıyoruz. Öncelikle çalışmalarınızı saklamak için
kullanacağınız boş bir klasör oluşturup uygun bir ad verin, mesela html_ders" olsun.
Daha sonra bu ad bize lazım olacağından kolaylık olması için siz de
yeni klasöre bu adı verebilirsiniz.
Şimdi de bu klasörü açıp yeni bir "metin belgesi" oluşturun (sağ fare/Yeni/Metin
belgesi). Dosyayı çift tıklayarak açın ve şunları yazın:
<html>
<head>
<title>İlk Sayfam</title>
</head>
<body>Sayfama Hoşgeldiniz</body>
</html>
Şimdi dosyayı kaydedin
(Dosya/Farklı Kaydet...). Dosya adı
kısmına şöyle yazın: "sayfa1.htm"
(tırnaklar dahil)ve Tamam'a basın.
Notepad'i kapatın, metin dosyasını silin
ve oluşan yeni dosyayı açın. Dosya
varsayılan browser'ınız
(internet explorer, netscape navigator
gibi)tarafından açılacaktır. Şöyle bir
görüntü elde edeceksiniz.
Tebrikler ilk HTML sayfanızı
yaptınız. Şimdi de bu belgeyi nasıl oluşturduğumuzu birlikte inceleyelim. Birşey
dikkatinizi çekti mi? İngilizce bir takım kelimeler var ve bu kelimeleri
küçük "<" ve büyük ">" sembolleri arasına yazdık. Bu ifadelere tag (etiket) deniyor.
Etiketler etki etmesi istenilen metnin önüne ve arkasına yazılıyor. Önce etiketi
yazıyoruz, sonra metni yazıyoruz daha sonra aynı etiketi önüne bir bölü (/) işaretiyle
tekrar yazıyoruz. Bu son yaptığımız etiketi sonlandırıyor. Bir kaç
istisna dışında tüm etiketler belge içerisinde sonlandırılmak zorundadır . Burada
kullandığımız etiketler ve anlamları şöyle:
HTML DERS NOTLARI-HTML ‘ E GİRİŞ **1**
