HTML
HTML dosyası uzantısı .HTM veya .HTML olan web tasarımı için kullanılan dosyadır. Derste, bu tip dosyalar hazırlanırken Başlat/Programlar/Donatılar/Not Defteri(=NotePad) programı kullanılacaktır.
2.1.1 Yeni Bir HTML Dosyası Hazırlamak
1. Internet Explorer penceresini açın,
2. Adres çubuğuna about:blank yazıp Enter tuşuna basın.
(Yeni boş bir dosya oluşturulmuştur.)
3. Bu sayfada farenin sağ tuşuna, boş bir zemini, tıklayın.
4. Çıkan menüden Wiew Source/Kaynağı Görüntüle komutunu verin.
(Bir Not Defteri dosyası açılacaktır.)
5. Bu programı Dosya menüsünden Farklı Kaydet i tıklayın.
6. Dosya adı kendi soyadınız ve uzantısı .HTM veya .HTML olacak biçimde dosyanızı, masa üstünde html adlı bir klasör açıp bu klasörün içine kopyalayın. (Hazır).
HTML Kodları
HTML kodları(=deyimleri,komutları) <> şeklinde ifade edilen işaretlerin arasına yazılan HTML deyimleridir. Hemen hemen her kodun başlangıcı <> ve bitişi </> şeklindedir. Bu ibareler arasında kalan işlemler ilgili komut tarafından icra edilir. Bazı deyimlerin bir veya daha fazla parametresi vardır. Bu parametrelerin hepsi seçimliktir. Yani kullanma zorunluluğu yoktur. Fakat kullanıldığı takdirde deyime zenginlik katar. Ayrıca bu parametrelerin kullanılması için belli bir sıralama yoktur. HTML kodları yazılımında büyük harf küçük harf ayrımı da yoktur, örneğin <BODY>=<body> gibi. Aşağıda verilen örneklerin bir çoğunda büyük harf kullanılmıştır.
2.1.2 Giriş
<HTML></HTML>
Bütün HTML dosyaları <HTML> kodu ile başlar </HTML> kodu ile biter. Yani Web sayfası ile ilgili tüm deyimler bu iki kodun arasında kalmalıdır.
<HEAD></HEAD>
Web sayfası ile ilgili temel özellikler,Sayfa Başlığı, Yazı karakterler kümesi, link özellikleri gibi, burada tanımlanır.Kısaca head kısmında sayfanın nasıl görüntüleneceği gibi bölümler yer alır.Yeri geldikçe bu deyimin kullanımı gösterilecektir.
<TITLE></TITLE>
<TITLE> satırında Internet Explorer (=IE) programına sayfaya başlık verilmek istendiği işaret edilmektedir. IE <TITLE> ve </TITLE> arasında yazılan metni pencere başlığı olarak kabul eder. Bu deyimler <HEAD></HEAD> deyimleri arasına yeralır.
<BODY></BODY>
Web sayfasında yer alacak asıl bilgiler HTML formatındaki dosyanın <BODY> deyimi belirlenen kısma yazılır. İşlem </BODY> deyimi ile biter. Bu iki deyim arasında herhangi bir metin web sayfasında ekranda aynen görülür.
<!-- ... -->
Dosyanın içinde bir açıklama yapmak için kullanılır. Açıklama ... ile belirlenen kısma yazılır.
Örnek 1: Aşağıdaki örneği bir not defterine yazın ve dosya uzantısını htm veya html olarak belirleyin.
<HTML>
<HEAD><TITLE>Ornek01.html</TITLE></HEAD>
<BODY>
Merhaba Dünya!...</BODY></HTML>
Bir metin yazılırken bir alt satıra geçmek için kullanılır. Bu deyim kullanılmazsa Tüm işlemler aynı satırdaymış gibi işlem görür. Yani
deyimi Enter tuşunun görevini görür.
Bir veya daha fazla satırı sayfa içinde ortalamak için kullanılır.
Örnek 2:
<HTML>
<HEAD><TITLE>Ornek02.html</TITLE></HEAD>
<BODY>
Gölbaşı
Meslek Yüksek Okulu
<Bir>
Gölbaşı Meslek Yüksek Okulu
A D I Y A M A N </BODY></HTML>
<H></H>
Bu deyim Web sayfasında yazılacak olan metnin puntosunda değişiklik yapmak için kullanılır. ? İşareti yerine 1-5 arası bir rakam gelir. Örneğin,<H1> büyük puntolu yazı yazmak için kullanılır.Sayı değeri büyüdükçe punto küçülür.</H1> ile bitirilir.
<H></H> deyimlerini kullanmak yerine bu deyim kullanılabilir.
Parametreler:
SIZE : Sayfada bulunan bir yazının punto ayarı burada yapılır. Örneğin sayı yerine +4 yazılırsa
FONT deyiminin arasına yazılmış olan metnin boyutu +4 birim daha büyük görülecektir, -2
yazılırsa metin -2 birim daha küçük görülecektir.
COLOR : Yazının rengi burada belirlenir. Red,Blue... gibi
FACE : Yazı tipi ayarlamalarını burada yapılır. Arial, Tahoma... gibi
Örnek 3:
<HTML>
<HEAD> <TITLE>Ornek03.html</TITLE> </HEAD>
<BODY>
<3>
<H3>
Serdar Aydemir
</H3>
<punto>
..:: Alıntıdır ::..
Perş. Tem. 19, 2007 3:43 am