hakansumer
| | Tarih: 27.01.2007, 22:06 Mesaj konusu: HTML’nin Temell İle İlgili PDF Formatında Yararlı Bilgiler M | |
| HTML Kodlama İle İlgili PDF Formatında Yararlı Bilgiler
----------------
Fiz213-Fizikte Bilgisayar Uygulamaları
HTML’nin Temelleri
1 Giri¸s
HTML (HyperText Markup Language-HyperText ˙I ¸saretleme Dili), web sayfalarının düzenlenmesinde
kullanılan bir dildir. HTML bir doküman bir sayfanın içeri ˘ gini tarif eder. Web tarayıcısı bir program
(Netscape Navigator, Microsoft Internet Explorer, Lynx veya Opera gibi) da bu sayfadaki HTML
komutlarını yorumlayarak sayfada neyi nasıl göstermesi gerekti ˘ gini belirler. HTML kod, tarayıcı
da görünen sayfaya hemen hiç benzemez. HTML doküman, sayfada görülen tüm metni içerir.
Buna ek olarak, metin, sayfada nasıl görünece˘ gini belirleyen komutlarla "i¸saretlenmi¸s"tir. Ayrıca
HTML doküman sayfada metinden ayrı olarak yer alacak resim, ses, film, program gibi parçaların
nereye, ne ¸sekilde yerle¸stirilece ˘ gini belirten komutlar içerir.
HTML son bir kaç yılda hızlı bir ¸sekilde geli¸sti ve oldukça karma¸sık bir dil oldu. Bu derste yalnızca
dilin en temel kısmı üzerinde duraca˘ gız. ˙Ilerideki derslerden birinde daha gösteri¸sli ¸seylerin
nasıl yapılabilece ˘ gini (DHTML ve JavaScript) görece˘ giz. Bu temel kısım sizin projenizi yapmaya
ba¸slamanız için yeterlidir.
Öncelikle HTML sayfalarını hazırlamakta ne tür programlar kullanabilece ˘gimizden söz edelim.
Tüm i¸saretleme komutlarını elle yazmayı göze alıyorsanız, HTML sayfası yazmak için sıradan
bir metin editörü (WinEdit, WordPad, NotePad, Dos Edit vs..) yeterlidir. Ancak bu seçenek
ba¸slangıçta biraz zor gelebilir. ˙I ¸sin kolay tarafında hemen hiç HTML bilmeden sayfa hazırlayabilmenize
olanak veren ve "Web-authoring"-Web-Yazım programları genel ba¸slı ˘ gı altında toplanabilecek
programlar vardır. Bunlar çalı¸sma ilkesi olarak kelime-i¸slemcisi (Microsoft Word gibi) programlara
benzerler. Bu tür programlar içerisinde en kolay eri¸sebilece ˘ giniz Netscape Navigator’la
birlikte gelen Netscape Composer’dır. Ancak sayfa hazırlamak için bu tür bir program kullansanız
dahi az buçuk HTML bilmeniz gerekir.
HTML dökümanları uzantıları ".html" veya ".htm" olan dosyalarda saklanır.
HTML’deki i¸saretleme komutlarına tag (etiket) adı verilir. HTML etiketleri
<etiket-adi istenilen-duzenleyiciler>
¸seklindedir. Burada "etiket-adı" komutun ne oldu ˘gunu belirten bir sözcüktür. "istenilen düzenleyici"
kısmı ise komut için ek bilgi sa˘ glar. Bu düzenleyicinin genel biçimi:
istenilen-duzenleyici=deger
¸seklindedir. Genelde "de˘ger" alıntı (") i¸saretleri arasına alınır. E˘ger "de˘ger" birden çok sözcükten
olu¸suyorsa veya özel karakterler içeriyorsa alıntı i¸saretleri içine alınması zorunludur. HTML
harflerin büyük veya küçük olmasına bakmaz. Bundan dolayı komutları büyük veya küçük harfle
veya karı¸sık yazabilirsiniz.
Basit bir etiket örne˘gine bakalım. <HR> ˙Ingilizce Horizontal Rule (yatay çizgi) anlamına gelir
ve sayfada yatay bir çizgi çizmekte kullanılabilir. Bu etiket bir çok düzenleyici kabul edebilir. Bu
düzenleyicilerden WIDTH (geni¸slik) çizginin ne kadar geni¸s olarak çizilece ˘ gini belirtir. ALIGN
(hızala) düzenleyicisi çizginin sayfanın neresinden ba¸slayarak hızalanaca ˘ gını belirtmekte kullanılabilir.
Örne˘ gin:
<HR align=center width="33%">
komutu, sayfanın ortasında (align=center) hızalanmı¸s, sayfanın üçte birini (width="33%") kaplayan
bir çizgi çizer.
Burada WIDTH varolan bo¸slu ˘gun %33’ü olarak belirtilmi¸stir. Bu de˘ger ayrıca sabit piksel sayısı
olarak da verilebilir. ALIGN (hızalama) düzenleyicisinin de˘geri CENTER (orta), LEFT (sol) veya
RIGHT (sa˘g) olabilir. Sol hızalama çizgiyi sayfanın solundan, sa˘g ayarlama ise sa˘gından ba¸slatır.
1 Dr. R. Eryi˘git
-----------------------------------------------------
|
|
