html nedir
HTML (HyperText Markup Language / Hareketli-Metin Isaretleme Dili) basitçe, browserlarla görebilecegimiz, internet dökümanlari olusturmaya yarayan bir çesit dildir. Örnegin okudugunuz bu sayfa HTML dili kullanilarak hazirlandi. Siz de browser'inizi (Internet Explorer, Netscape Navigator,..) kullanarak bu sayfayi ekraninizda görüntülüyorsunuz. Tanimda geçen "internet dökümani" ifadesinin yanisira HTML ile olusturdugunuz belgeleri harddiskinize kaydedebilir ve internet baglantiniz olmasa bile bu belgeleri görüntüleyebilirsiniz.
HTML, programlama dilleri (pascal, basic,..) gibi bir programlama mantigi tasimadigindan ögrenilmesi gayet kolay bir dildir. Dilden ziyade kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için kullandigimiz komutlar dizisi bile diyebiliriz HTML için.
HTML Dersleri yazi dizimizi okuyarak bu dil hakkinda hiçbir bilginiz olmasa bile yazinin sonunda ögrendiklerinizle siz de kendi sayfalarinizi hazirlayabileceksiniz.
html de temel unsurlar:
Bu sayfaya geldiginize göre HTML ögrenme isinde ciddisiniz demektir. HTML nispeten kolay bir dildir dedik. Bu dilde binary veya hexadecimal kodlar yok. Hersey metin tabanli ve bir HTML dökümani olusturmak için ihtiyaciniz olan sey bir editör. Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu isi Windows'un Notepad'i ile dahi halledebilirsiniz. Piyasada iki tip editör bulunuyor. Birisi metin tabanli, kod yazmayi gerektiren fakat bunun yanisira rutin bazi islemleri kolaylastiran editörler (HotDog, HomeSite..) digeri WYSIWYG (What You See Is What You Get / Ne görürsen onu alirsin) tarzi denen kisaca görsel, kodlamayla ugrastirmayi gerektirmeyen editörler (FrontPage, Dreamweaver, NetObjects Fusion,..). Benim yeni baslayanlara tavsiyem Windows'un Notepad'i. Bu islerin nasil yapildigini ögrendikçe ilerde siz de görsel editörlere geçebilirsiniz. Çünkü bir yerde istenmedik sonuçlar çikabilir 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 sunu da belirtmek gerekiyor; browserlar arasindaki yorum farklarindan dolayi sayfaniz bir browser'da iyi görünürken bir baska browser'da hiç istemediginiz bir sekilde görüntülenebilir. Hele yeni bazi teknikleri (css, dhtml gibi) sadece MS Internet Explorer 4 ve üstü desteklerken Netscape henüz bu teknikleri tam olarak desteklemiyor. Yine de piyasayi neredeyse yari yariya paylasan bu iki browser'in birbirlerine üstün oldugu yönleri var. Sonuçta, ne kadar fiyakali bir sayfa da yapsaniz elde ettiginiz basari sayfanizi ziyaret eden kisinin kullandigi browser'a mahkum. Hatta ziyaretçiniz browser'ina verdigi bir talimatla "yalniz su fontu kullan", "grafikleri görüntüleme" seklinde bir ayar yapmissa emekleriniz bosa gitti demektir. Yine de bu kadar karamsar olmayalim.
Bu kadar genel bilgi yeter. Bir sonraki konuda ilk HTML sayfamizi yapiyoruz.
şimdi ilk sayfanı olusturuyorsun:
Iste ilk HTML sayfamizi yapiyoruz.
• Öncelikle çalismalarinizi saklamak için kullanacaginiz bos bir klasör olusturup uygun bir ad verin, mesela html_ders olsun. Daha sonra bu ad bize lazim olacagindan kolaylik olmasi için siz de yeni klasöre bu adi verebilirsiniz.
• Simdi de bu klasörü açip yeni bir metin belgesi olusturun (sag fare/Yeni/Metin belgesi).
• Dosyayi çift tiklayarak açin ve sunlari yazin:
<html>
<head>
<title>Ilk Sayfam</title>
</head>
<body>
Sayfama Hosgeldiniz
</body>
</html>
•Simdi dosyayi kaydedin (Dosya/Farkli Kaydet...). Dosya adi kismina söyle yazin: "sayfa1.htm" (tirnaklar dahil) ve Tamam'a basin.
• Notepad'i kapatin, metin dosyasini silin ve olusan yeni dosyayi açin. Dosya varsayilan browser'iniz (Internet Explorer, Netscape Navigator gibi) tarafindan açilacaktir.
HTML (HyperText Markup Language / Hareketli-Metin Isaretleme Dili) basitçe, browserlarla görebilecegimiz, internet dökümanlari olusturmaya yarayan bir çesit dildir. Örnegin okudugunuz bu sayfa HTML dili kullanilarak hazirlandi. Siz de browser'inizi (Internet Explorer, Netscape Navigator,..) kullanarak bu sayfayi ekraninizda görüntülüyorsunuz. Tanimda geçen "internet dökümani" ifadesinin yanisira HTML ile olusturdugunuz belgeleri harddiskinize kaydedebilir ve internet baglantiniz olmasa bile bu belgeleri görüntüleyebilirsiniz.
HTML, programlama dilleri (pascal, basic,..) gibi bir programlama mantigi tasimadigindan ögrenilmesi gayet kolay bir dildir. Dilden ziyade kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için kullandigimiz komutlar dizisi bile diyebiliriz HTML için.
HTML Dersleri yazi dizimizi okuyarak bu dil hakkinda hiçbir bilginiz olmasa bile yazinin sonunda ögrendiklerinizle siz de kendi sayfalarinizi hazirlayabileceksiniz.
html de temel unsurlar:
Bu sayfaya geldiginize göre HTML ögrenme isinde ciddisiniz demektir. HTML nispeten kolay bir dildir dedik. Bu dilde binary veya hexadecimal kodlar yok. Hersey metin tabanli ve bir HTML dökümani olusturmak için ihtiyaciniz olan sey bir editör. Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu isi Windows'un Notepad'i ile dahi halledebilirsiniz. Piyasada iki tip editör bulunuyor. Birisi metin tabanli, kod yazmayi gerektiren fakat bunun yanisira rutin bazi islemleri kolaylastiran editörler (HotDog, HomeSite..) digeri WYSIWYG (What You See Is What You Get / Ne görürsen onu alirsin) tarzi denen kisaca görsel, kodlamayla ugrastirmayi gerektirmeyen editörler (FrontPage, Dreamweaver, NetObjects Fusion,..). Benim yeni baslayanlara tavsiyem Windows'un Notepad'i. Bu islerin nasil yapildigini ögrendikçe ilerde siz de görsel editörlere geçebilirsiniz. Çünkü bir yerde istenmedik sonuçlar çikabilir 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 sunu da belirtmek gerekiyor; browserlar arasindaki yorum farklarindan dolayi sayfaniz bir browser'da iyi görünürken bir baska browser'da hiç istemediginiz bir sekilde görüntülenebilir. Hele yeni bazi teknikleri (css, dhtml gibi) sadece MS Internet Explorer 4 ve üstü desteklerken Netscape henüz bu teknikleri tam olarak desteklemiyor. Yine de piyasayi neredeyse yari yariya paylasan bu iki browser'in birbirlerine üstün oldugu yönleri var. Sonuçta, ne kadar fiyakali bir sayfa da yapsaniz elde ettiginiz basari sayfanizi ziyaret eden kisinin kullandigi browser'a mahkum. Hatta ziyaretçiniz browser'ina verdigi bir talimatla "yalniz su fontu kullan", "grafikleri görüntüleme" seklinde bir ayar yapmissa emekleriniz bosa gitti demektir. Yine de bu kadar karamsar olmayalim.
Bu kadar genel bilgi yeter. Bir sonraki konuda ilk HTML sayfamizi yapiyoruz.
şimdi ilk sayfanı olusturuyorsun:
Iste ilk HTML sayfamizi yapiyoruz.
• Öncelikle çalismalarinizi saklamak için kullanacaginiz bos bir klasör olusturup uygun bir ad verin, mesela html_ders olsun. Daha sonra bu ad bize lazim olacagindan kolaylik olmasi için siz de yeni klasöre bu adi verebilirsiniz.
• Simdi de bu klasörü açip yeni bir metin belgesi olusturun (sag fare/Yeni/Metin belgesi).
• Dosyayi çift tiklayarak açin ve sunlari yazin:
<html>
<head>
<title>Ilk Sayfam</title>
</head>
<body>
Sayfama Hosgeldiniz
</body>
</html>
•Simdi dosyayi kaydedin (Dosya/Farkli Kaydet...). Dosya adi kismina söyle yazin: "sayfa1.htm" (tirnaklar dahil) ve Tamam'a basin.
• Notepad'i kapatin, metin dosyasini silin ve olusan yeni dosyayi açin. Dosya varsayilan browser'iniz (Internet Explorer, Netscape Navigator gibi) tarafindan açilacaktir.