HTML Nedir Çerçeve Kullanma Form Oluşturma HTML Web Sayfası Yapma Kayan Yazı Oluşturma
Link Verme Liste Oluşturma Meta Tagları Metin Biçimlendirme Özel Karakterler
Renkler Web Sayfasına Resim Ekleme Web Sayfasına Efekt Verme Web Sayfasına Muzik Ekleme Tablo Oluşturma
Türkçe Karakter Sorunu

Html Web Sayfa Yapma Hazırlama

Ön Bilgi

1. <html>....</html> Tüm Çalışma bu iki etiket arasına yazılır. Html sayfa <html> ile başlar </html> ile biter.

2. <head>....</head> etiketleri arasına sayfa hakkında bilgiler yazıyoruz. Ayrıntı bilgi için Meta Taglar sayfasına bakınız.

3 . <title>....</title>, <head>....</head> tagları arasında yazılır sayfaya Başlık verir. Burada yazılanlar browser'ın üst kısmında browser adıyla beraber gösterilir.

4. <body>....</body> arası ise sayfamızın gövde bölümüdir. Ekranda gösterilecek kısımlar bu tagler arasında yazılmalıdır.

5.Html Sayfa Yapmak için Notepad ( Not Defteri ) Programını veya daha gelişmiş bir web editor programı kullabilirsiniz.

6. Yapılan Html Sayfanın Broswer’ in açabilmesi için *.htm veya *.html uzantısıyla kaydedilmelidir.

7. Html Sayfayı internetde yayınlayacaksak sayfa ismini yazarken Türkçe karakter kullanmıyoruz (ç,ğ,ö,ü,İ,ı,ş yerine c,g,o,u,i,s kullanılacak)

8. Html sayfaların kaydederken 8 karekterden fazla yazmassak iyi olur.

9. İlk giriş sayfasının adı index.html veya default.html olmalı.

Örnegin;

www.karpuz.com.com/ilk_sayfam.html yerine ilk_sayfam.html’ li index.html yaparsak;

www.karpuz.com.com adresi geçerli olacaktır.

Örnek Sayfa;

Notepad Programını açarak

<html>
<head>
<title>HTML İlk Sayfam</title>
</head>
<body>Sayfama Hoşgeldiniz</body>
</html>

Yukardakilerini yazdıktan sonra save as diyerek ilk sayfamı index.htm olarak kaydettim. Şimdi de Internet explorer ile index.htm sayfamı açıyorum .

Html Sayfa Örnek
NOT: Burada bilmeyenler için küçük bir bilgi; bir html dökümanını açtığımızda ve ekran üzerinde farenin sağ tuşuna tıklayıp kaynağı görüntüle/view source'u seçtiğimizde internet explorer için notepad, netscape için kendi viewer'ı açılacak ve bize o sayfanın kodunu gösterecektir.


Sayfa yönlendirme:

URL yönlendirme:

<html>
<title>Yönledirme Yapmak</title>
<meta http-equiv="refresh"
content="3;url=http://www.karpuz.com">

3 Sn’ ye İçinde Yönlendirileceksiniz.

<body>
</body>
</html>

Bu ornekte <meta http-equiv="refresh" ...> diyerek, www gösterici programına yeni bir sayfa yüklemesini istediğimizi belirtiyoruz.

Bu yüklemeyi kaç saniye sonra yapması gerektiğini '<meta ..' nin devamındaki 'content="3;....">' yazısı ile belirliyoruz. Buradaki '3' yerine saniye cinsinden herhangi bir süre belirtebilirsiniz. '0' yazarsanız, doğal olarak hemen diğer sayfayı yüklemeye başlar.

Yönelinen sayfanın adresi de, ' ... content="saniye; url=http://...">
biçiminde veriliyor.


Standart Takılar

<html> Tüm Html sayfaları<html> ile başlar </html> ile biter.

<TITLE> .......... </TITLE> Sayfanın başlık kısmında çıkması istenen yazılar buraya yazılır (browser' ın başlık çubuğunda gözükecek yazıdır ).

<head> ve </head> : sayfanın başlık bilgileri 'title', 'meta' vs. buraya yerleştirilir.

<body> Sayfa üzerinde görülmesi istenen herşey bu bölümde yazılır.

<body> Takısının Parametreleri

<body bgcolor=”#ffff00” background=”#image.jpg” text=”#ffffff” link=”#0000ff“ hlink=”#ff0000” vlink=”#ff00ff” topmargin="25" leftmargin="15">

Bgcolor: Arka plan rengini ayarlar.

Background: Arka plana bir resmin duvar kağıdı olarak döşenmesini sağlar.

Text: Metnin rengini belirler.

Link : Linklerin renklerini belirler.

Hlink : Fare imleci link’in üzerine geldiğinde link’in hangi renkte görüntüleneceğini belirler.

Vlink: Ziyaret edilen sayfaların linklerinin rengini belirler.

topmargin : Sayfanın üst tarafındaki kenar boşluğunu ayarlar.

leftmargin : Sayfanın sol tarafındaki kenar boşluğunu ayarlar.

rightmargin : Sayfanın sağ tarafındaki kenar boşluğunu ayarlar.

HTML Nedir Çerçeve Kullanma Form Oluşturma HTML Web Sayfası Yapma Kayan Yazı Oluşturma
Link Verme Liste Oluşturma Meta Tagları Metin Biçimlendirme Özel Karakterler
Renkler Web Sayfasına Resim Ekleme Web Sayfasına Efekt Verme Web Sayfasına Muzik Ekleme Tablo Oluşturma
Türkçe Karakter Sorunu