Temel HTML Komutları (HTML 1)
WEB Tasarımı
Sayfa Hazırlarken Dikkat Edilecek Noktalar
Sayfa adında ya da sayfada yer alan herhangi bir resim ya da animasyonlar kaydedilirken Türkçe ve özel karakterler (ğ,ü,ş,İ ,?,\ vs.) kullanılmaması tavsiye edilir.
Sabit diskinizde öncelikle WEB sayfanıza ait dokümanları kaydedeceğiniz bir dizin ve bu dizin içerisinde resimleri ya da animasyonlarınızı kaydedeceğiniz bir alt dizin oluşturun ki daha sonra görüntülemede sorunlar yaşamayın. Sunucu bilgisayarına bu bilgiler atılırken (upload) aynı dizinleri bu alanda oluşturmak gerektiği asla unutulmamalıdır.
WEB sitenizi yaptığınızda, mutlaka ana sayfanızı index.html olarak adlandırınız. Birçok WEB sunucu için varsayılan sayfa index.html’dir. Bazı sunucular da varsayılan sayfanın default.html olarak adlandırılmasını ister.
Bu temel bilgilerden sonra HTML’de kullanılan temel etiketlere;
HTML’nin temel yapısı şu şekildedir.
<HTML>
<HEAD>
<TITLE>Sayfa Başlığı</TITLE>
</HEAD>
<BODY>
sayfanın içeriği
</BODY>
</HTML>
HTML kodları yazılırken büyük küçük harf ayrımı yapılmaz yani komutları küçük harflerle de yazsak sayfanız sorunsuz çalışacaktır. Tarayıcılarda görüntülenecek olan kısım için olan kodlar <BODY>…</BODY> etiketleri arasına yazılır. HTML’de bazi etiketler hariç nerede ise tüm etiketler </…..> şeklinde bitirilir. Eğer bitirilmeyen bir etiket olursa sayfanın görselliğini bozacaktır.
<BR> ETİKETİ
Yazının bir alt satıra geçmesini sağlar. Bitirilmesi şart olmayan bir etikettir.
<U>…</U>ETİKETİ
Etiketin arasında bulunan karakterleri Altı Çizili olarak gösterir.
<I>…</I>ETİKETİ
Etiketin arasında bulunan karakterleri İtalik olarak gösterir.
<B>…</B>ETİKETİ
Etiketin arasında bulunan karakterleri Kalın olarak gösterir. <strong>…</strong> etiketi ile aynı görevi görür.
Örnek olarak;
<html> <head> <title>KİMLİK KARTI</title> </head> <body> <strong>ADI : </strong>Mustafa<br /> <strong>SOYADI :</strong> AKBAL<br /> <strong>OKULU : </strong>75. YIL TEKNİK VE ENDÜSTRİ MESLEK LİSESİ<br /> <strong>SINIFI :</strong> ATL 11B<br /> <strong>N</strong><I>U</I><strong>M</strong><I>A</I><strong>R</strong><I>A</I><strong>S</strong><I>I</I><strong> : </strong>111111111111111</p> </body> </html>
kodlarını yazıp çalıştırdığımızda aşağıdaki görüntü oluşacaktır.
