HTML Dersleri

Temel Komutlar



HTML dökümanı hazırlamak için her hangi bir text dosya yazabilecek bir editör olması yeterlidir. Bütün yapılması gereken dökümanı HTML kurallarına uygun bir şekilde yazmak ve de dosyayı ".htm" ya da ".php3" olarak kaydetmektir. Ne derleme ne de ".exe" gibi dosyalara çevirme işlemi yoktur. HTML dosyası hazırdır. Artık tek yapılması gereken hazırlanan bu dosyanın bir internet tarayıcı programı tarafından çağrılmasıdır.



Herhangi bir internet erişim programından bir HTML dökümanının kodlarını görmek istiyorsanız o sayfa üzerinde farenin (mouse) sağ butonuna basınız. Özellikler menüsünden kodu göster (view source) seçeneğini seçiniz. (ya da internet erişim programının göster (view) menüsünden source (kod) seçeneğini seçiniz.)



HTML de program yazılırken her satır bir HTML komutu ile başlar ve de komutun geçerliliği biteceği zaman aynı komut isminin başına "/" konularak tekrar yazılır.



...



Bir HTML sayfası komutuyla başlar ve de sayfa sonunda komutuyla biter. Sayfayla ilgili bilgiler (Başlığı, hangi program kullanılarak yapıldığı...) komutu yazıldıktan sonra verilir ve de bilgiler bitince komutuyla kapatılır. Sayfada gösterilecek bilgiler ... komutları arasında yazılır.



Örnek :













Html öğreniyorum, ilk deneme sayfası







Yukarıda verilen örnek her hangi bir editörde yazılıp, ".php3" ya da ".htm" uzantılı olarak kaydedilir ve herhangi bir internet programından çağrılırsa ekranda "Html öğreniyorum, ilk deneme sayfası" yazısı çıkacaktır. Çalıştırdığınız internet programının başlık kısmında da "Deneme Sayfası" başlığı gözükecektir.



HTML de açıklama satırı şeklinde kullanılır. Yazılan açıklama sadece program satırlarıyla gözükür. Sayfa çağrıldığında gözükmez. Yazdığınız program kodlarının ne anlama geldiğini anlamanız veya başka biri tarafından bakılan kodlarınızın anlaşılabilmesi bakımından bol bol açıklama satırı koyunuz.

komutu yardımıyla sayfanın arka rengini, arkaya konulacak resmi, bağlantıların (Hyperlinks) rengini, sayfanın yukarı ve sol tarafa göre konumları belirtilebilir.




Background = url

Bgcolor = color

Bgproperties = fixed

Leftmargin = n

Link = color

Text = color

Topmargin = n

Alink = color

Vlink = color >



Bir komutun yanına eğer varsa parametreler komut kapatılmadan ">" önce verilir. Komut kapatılıncaya kadar bu parametreler geçerliliğini korur.



Background = url sayfanın arka planında bulunacak resmi tanımlamaya yarar. URL (Uniform Resource Locator) resmin adresini gösterir.

Bgcolor = color sayfanın arka planının rengini gösterir. Color rengin hexadecimal karsılığı, RGB(RedGreenBlue) değeri ya da rengin ismi olabilir.

Bgproperties = fixed sayfanın arka planındaki resmin internet tarayıcısının boyutlarından etkilenmemesini sağlar.

Leftmargin = n sayfanın sol kenardan ne kadar uzakta olacağını belirler.

Link = color sayfada bulunan bağlantıların (Hyperlinks) rengini belirler.

Text = color sayfadaki yazıların rengini belirler.

Topmargin = n sayfanın üst kenardan ne kadar uzakta olacağını belirler.

Alink = color Aktif olan yani o an seçili olan bağlantının (Hyperlink) rengini belirler

Vlink = color Ziyaret edilen bağlantıların (Hyperlinks) renklerini belirtir.



HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur.



HTML Diline Giriş



HTML (Hyper Text Markup ********) internet ortamında döküman yaratmak için geliştirilmiş bir programlama dilidir. HTML dökümanı bir text dosyadır ve tek başına bir yazı olmaktan öteye gidemez. Ancak her hangi bir internet tarayıcısı (internet explorer, netscape navigator gibi ) yardımıyla çalıştırıldığında içerdiği komutlara göre ve de tarayıcı programın desteklediği özelliklere göre, hazırlanan dökümanlar bir anlam kazanır.



HTML dili programlama mantığından biraz uzak, görsel yönü oldukça önemli olan bir dildir. HTML nin öğrenilmesi, diğer programlama dillerine göre daha kolay olup bazı temel kural ve komutların bilinmesi yeterlidir.



HTML nin temel mantığını kısaca "Ne görürseniz onu alırsınız" (What you see what you get) şeklinde açıklayabiliriz.



Günümüzde HTML sayfaları hazırlamak için bir çok görsel program vardır. (Microsoft FrontPage, HotDog gibi ) Bu tür programlarla HTML sayfaları hazırlamak çok kolay ve hızlı olmakla beraber HTML kodlarını da yine bu programlar üretmektedir.

"Madem ki hazır programlar var neden HTML öğrenelim?" şeklinde bir soru aklınıza gelebilir.

Hazır programların olması, kodların el değmeden programlar tarafından yazılması elbette daha güzel, daha kolay ve daha hızlıdır. Ancak hazırlanan sayfaların nasıl oluştuğunu, nasıl çalıştığını, arka planda nelerin olduğunu bilmeden, ezberci bir zihniyet kullanmak bir programcı mantığına terstir. Bu tür programları hemen her yerde bulamayabilirsiniz. Dökümanların değiştirilmesi gereken yerlerde eğer hazırladığınız program yoksa ve de HTML dilini biliyorsanız her hangi bir editörden dökümanınıza müdahale edebilirsiniz.



HTML dili çalışan örneklerle, ilginç ipuçlarıyla, sizlerden gelen soru, öneri ve dökümanlarla en iyi şekilde anlatılmaya çalışılacaktır.



Düzen ve Yerleşim



HTML dili için görsellik, dolayısıyla da ekran dizaynı çok önemlidir. Dökümanlarınızı en iyi ve en güzel şekilde sunmanız gerekir. Html de bu dizaynları yapabilmeniz için bazı temel komutlar bulunmaktadır. Yazı veya resimlerinizi kısaca dökümanlarınızda kullanacağınız nesneleri ekranın sağına, soluna ve ortasına koyabilmeniz için komutu kullanılır. Bu komutun kullanımını biraz detaylı olarak inceleyelim.

Nesneleri ekranın soluna yerleştirir.

Nesneleri ekranın sağına yerleştirir.

Nesneleri ekranın ortasına yerleştirir.

..

komutu arasında kalan tüm nesneler (yazı, resim, ...) paragraf gibi ayrılır. Paragrafın başında ve sonunda paragraf olduğunu belirtmek için boşluk bırakır.



HTML de tüm nesneler aksi belirtilmedikçe ekranın solundan itibaren gösterilir. Yani soldan başlayarak yazı yazmak için komutunu kullanmanıza gerek yoktur.



Bazı internet tarayıcıları komutunu da kullanabilmektedir ama emin olmak için komutunu kullanmanızda yarar vardır.



Örnek :

Komutu

Aksi belirtilmedikçe yazılar ekranın sol tarafına yerleştirilir.


Yazınızı soldan başlayarak yazmak için


komutunu kullanmanıza gerek yoktur.

Komutu

Yazınızı ekranın sağına yerleştirir.

Komutu

Yazınızı ekranın ortasına yerleştirir.

HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur.