Anasayfa
HTML'e Giriş
- Kod:
[b]HTML dosyası nedir?[/b]
[list]
[*]HTML'in açılımı [b]H[/b]yper [b]T[/b]ext [b]M[/b]arkup
[b]L[/b]anguage
(Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan
metin"
denebilir.
[*]Bir HTML dosyası bir text dosyası olmakla beraber
[b]markup tags[/b] (işaretlenmiş etiketler) içerir
[*]Markup
tag'ler web tarayıcınıza sayfanın [b]nasıl gösterileceğini[/b]
gösterir.
[*]Bir HTML dosyasının uzantısı [b]htm[/b] veya [b]html[/b] olmak zorundadır.
[*]Bir HTML dosyası basit bir text editör ile oluşturulabilir.
[/list]
[b]Denemek İster misiniz?[/b]
Eğer Windows kullanıyorsanız not defterini açın.
Eğer MAC kullanıyorsanız SimpleText programını açın.
Eğer OSX kullanıyorsanız, TextEdit'i açın ve aşağıdakileri yapın:
"Format" menüsünü açın ve "Rich Text" yerine "Plain Text" seçeneğini seçin.
Sonra "Text Edit" menüsünün altında bulunan "Preferences" penceresini açın ve
"Ignore rich text commands in HTML files" seçeneğini seçin. Eğer bu değişiklikleri
yapmazsanız HTML dosyasınız büyük ihtimalle çalışmayacaktır!
Aşağıdaki metini açtığınız editör içerisine yazın:
[table class="ex" width="100%" border="1" cellspacing="0"] [tr] [td]<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Bu benim ilk sayfam <b>Bu metin koyu</b>
</body>
</html>[/td][/tr][/table]
Dosyayı "sayfam.htm" olarak kaydedin.
Oluşturduğunuz dosyaya çift tıklayın. Dosya tarayıcınızda açılacaktır.
[b]Örneğin Açıklaması[/b]
HTML dökümanınızdaki ilk tag (etiket) <html>'dir. Bu etiket
tarayıcınıza bir HTML dosyasının koşturulacağını söyler. HTML dökümanınızdaki son tag (etiket) </html>'dir. Bu da
tarayıcınıza
HTML dosyasının sonunun geldiğini söyler.
<head> ve </head> etiketleri arasında kalan kısım başlık
bilgilerini içerir. Başlık bilgileri tarayıcı penceresinde görüntülenmez.
<title> ve </title> etiketleri arasında kalan kısım dökümanınızın
başlık bilgilerini içerir. Başlık tarayıcı penceresinin en üstünde
görüntülenir.
<body> ve </body> etiketleri arasında kalan kısım,
tarayıcı
penceresinde görüntülenecek olan kısımı içerir.
<b> ve </b> etiketleri arasında kalan kısım ise koyu (bold)
biçimde gösterilir.
[b]HTML Editörleri Hakkında Not:[/b]
HTML dosyalarınızı kolay bir şekilde WYSIWYG (what you see is
what you get), FrontPage veya Dreamweaver ile de
hazırlayabilirsiniz.
Bununla beraber, eğer profesyonel anlamda HTML çalışmak
istşyorsanız mutlaka not defteri (notepad) kullanmanızı tavsiye
ederiz.
[/td]
[/td]