ilk HTML sayfamızı yapıyoruz.
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:
| Kod Alanı: | |
|
Şimdi dosyayı kaydedin (Dosya/Farklı
Kaydet... ). Dosya adı kısmına şöyle yazın: "sayfa1.htm" (tırnaklar
dahil ) ve Tamama basın.
Notepadi 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? Yngilizce 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 zorunda.
Burada kullandığımız etiketler ve anlamları
şöyle:
<html>...</html>
Tarayıcıya HTML dosyasının başladığını ve
bittiğini belirtiyor. Diğer tüm kodlar bu iki etiket arasına yazılır.
<head>...</head>
<body>...</body>
Bir HTML belgesi iki bölüme ayrılır: head
(baş ) ve body (gövde ). <head>...</head> etiketleri arasına sayfa hakkında
bilgiler yazılır, meta ve title gibi etiketler burada yeralır. Meta
etiketlerine ileride değineceğiz.
<body>...</body> arası ise sayfamızın gövde bölümü. Ekranda gösterilecek
kısımlar bu tagler arasında yeralıyor.
<title>...</title>
Title sayfanın başlığını belirtiyor. Burada
yazılanlar browser penceresinin başlığında browser adıyla beraber
gösteriliyor.
Dikkat ederseniz hazırladığımız sayfada sadece
temel etiketleri kullandık. Yani metin biçimlendirmeye yarayan hiçbir etiket
kullanmadık. Bu yüzden <body>....</body> arasına yazdığımız Sayfama
Hoşgeldiniz yazısı browserın varsayılan metin ayarlarıyla gösteriliyor.
Yşin ilginç tarafı hiçbir kod yazmadan sadece Sayfama Hoşgeldiniz yazıp
kaydetsek ve browserda böyle görüntülesek de aynı neticeyi elde edecektik.
Sonraki bölümde metin biçimlendirmeye yarayan
etiketleri öğreneceğiz.