Html Nedir ?
HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir. HTML, programlama dilleri (pascal, basic,..) gibi bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir. Dilden ziyade kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için kullandığımız komutlar dizisi diyebiliriz
Html’de Temel Unsurlar
HTML dilinde binary veya hexadecimal kodlar yoktur. Her şey metin tabanlı ve bir HTML dökümanı oluşturmak için ihtiyacınız olan şey bir editör. Hatta herhangi bir HTML editörü bulunmuyorsa bu işi Windows’un notepad’i ile dahi halledebiliriz. Piyasada iki tip editör bulunuyor. Birisi metin tabanlı, kod yazmayı gerektiren fakat bunun yanı sıra rutin bazı işlemleri kolaylaştıran editörler(HotDog, HomeSite..) diğeri WYSIWYG (What You See Is What You Get / Ne görürsen onu alırsın) tarzı denen kısaca görsel, kodlamayla uğraştırmayı gerektirmeyen editörler (FrontPage, Dreamweaver, NetObjects Fusion)
Burada şunu da belirtmek gerekiyor; browserlar arasındaki yorum farklarından dolayı sayfamız bir browser’da iyi görünürken bir başka browser’da hiç istemediğiniz bir şekilde görüntülenebilir. Hele yeni bazı teknikleri (css, dhtml gibi)sadece MS Internet Explorer 4 ve üstü desteklerken Netscape henüz bu teknikleri tam olarak desteklemiyor. Yine de piyasayı neredeyse yarı yarıya paylaşan bu iki browser’ın birbirlerine üstün olduğu yönleri var. Sonuçta, ne kadar fiyakalı bir sayfa da yapsanız elde ettiğiniz başarı sayfanızı ziyaret eden kişinin kullandığı browser’a mahkum. Hatta ziyaretçiniz browser’ına verdiği bir talimatla “yalnız şu fontu kullan”, “grafikleri görüntüleme” şeklinde bir ayar yapmışsa emekleriniz boşa gitti demektir. Yine de bu kadar karamsar olmayalım.
Web Sayfası Yapısı
HTML 4.0’daki etiketlerin çoğu aynı niteliklere (attribute) sahiptir. Aşağıdaki listede bunların en Ben gerizekalıyım kullanılanlarını görüyoruz:
· accesskey=”karakter”: Form denetimlerinde ve <a> (anchor) etiketlerinde, doküman öğesine erişim için kullanılabilen tek karakter.
· align=”metin”: Bir dokümanın bir kısmındaki bilginin hizalanması.
· alt=”metin”: Resimleri, formları, nesneleri ve bir dokümanın diğer kısımlarını tanımlayan alternatif metin.
· char=”karakter”: Bir tablonun içeriği hizalanırken, bir hizalama ekseni olarak davranan karakter.
· charoff=”sayı”: Tablo içeriğini hizalarken, eksen karakterinden itibaren bırakılacak boşluk sayısı.
· class=”metin”: Doküman öğesine atanmak üzere birbirinden boşluklarla ayrılmış bir veya daha fazla sınıf ismi.
· dir=”metin”: Metin ve tabloların doğrultusu: “ltr” (left-to-right, yani soldan sağa) veya “rtl” (right-to-left, yani sağdan sola).
· disabled: Bir form üzerindeki denetimi kullanıcı girdisini idare edemeyeceği şekilde iptal eden bir nitelik.
· id=”metin”: Doküman öğesine verilecek isim.
· lang=”metin”: Bir doküman öğesinin niteliklerinde ve içerdiği metinde kullanılan dil.
· name=”metin”: Doküman öğesi için bir isim.
· onblur=”script”: Bir doküman öğesi kullanıcı girişi odağını yitirdiğinde olan bir olay.
· onchange=”script”: Bir doküman kullanıcı girişi odağını yitirdiğinde ve değeri odaktayken değiştirilen bir doküman öğesi.
· onclick=”script”: Kullanıcı doküman öğesine fareyle tıkladığında olan bir olay.
· ondblclick=”script”: Kullanıcı doküman öğesi üzerine fareyle çift tıkladığında olan bir olay.
· onfocus=”script”: Bir doküman öğesi, kullanıcı girişi odağını aldığında olan bir olay.
· onkeydown=”script”: Bir tuş basıldığında olan bir olay.
· onkeypress=”script”: Bir tuşa basılıp bırakıldığında olan bir olay.
· onkeyup=”script”: Bir tuş bırakıldığında olan bir olay.
· onload=”script”: Tüm doküman veya bir frameset’teki tüm çerçeveler yüklendiğinde olan bir olay.
· onmousedown=”script”: Fare doküman öğesi üzerindeyken fareyle tıkladığında olan bir olay.
· onmouseout=”script”: Fare, bir doküman öğesi üzerindeyken o öğeden uzaklaşırken olan bir olay.
· onmouseover=”script”: Fare imleci bir doküman öğesi üzerine getirildiğinde olan bir olay.
· onmousemove=”script”: Fare imleci bir doküman öğesi üzerindeyken hareket ettirildiğinde olan bir olay.
· onmouseup=”script”: İmleç bir doküman öğesi üzerindeyken kullanıcı fare öğesini bıraktığında olan bir olay.
· onreset=”script”: Bir formdaki tüm kontroller resetlendiğinde olan bir olay.
· onselect=”script”: Bir metin isleme kullanıcı kontrolü seçildiğinde olan bir olay.
· onunload=”script”: Bir doküman bir pencere veya çerçeveden atıldığında olan bir olay.
· readonly: Bir form kontrolündeki bir değerin değiştirilemeyeceğini belirten bir nitelik.
· style=”metin”: Bu bağımsız doküman öğesi için stil bilgisi.
· tabindex=”sayı”: Doküman öğesinin sekme sırasındaki konum.
· target=”metin”: Bir dokümanın içinde açılması gereken çerçevenin adi.
· title=”metin”: Bir doküman öğesi hakkında açıklayıcı metin.
· usemap=”URI”: Bir imagemap’in doküman öğesiyle ilişkilendirilecek URL’si, bunun mevcut <MAP> öğesinin name niteliğine uyması gerekir.
· valign=”metin”: Tablo hücreleri içindeki bilginin dikey hizalaması
Başlık ve Sayfa Metnini Girmek
Ders Hedefi:
Bir web sayfasının başlığı, sayfa üzerinde değil browser penceresinin başlık kısmında görüntülenir. Sayfada görüntülenmesi gereken metni sayfanın gövde kısmında yazın.
Atölye:
Aşağıdaki işlemleri adım adım uygulayın.
1. Not Defteri'nde gerekirse Dosya/Aç komutunu çalıştırınız ve ekrana gelen iletişim penceresinde "Kurs" klasörünü açın.
2. Dosya türü alanından Tüm Dosyalar'ı seçin.
3. "t0B_yapi.htm" dosyasını seçiniz ve Aç düğmesine basın.
4. HTML kodunun <HEAD></HEAD> komutları arasında kalan başlık alanına tıklayınız.
5. Sayfa başlığı olarak kullanılmak üzere bu alana aşağıdaki kodu ekleyin:
<TITLE>Benim ilk web sayfam</TITLE>
6. Web sayfasının <BODY> ve </BODY> komutları arasında kalan gövde kısmına, sayfa üzerinde görüntülenmesi için aşağıdaki metni girin.
Hoş Geldiniz
7. Dosya/Farklı Kaydet komutunu çalıştırın, 'Kurs' klasörünü açın ve aşağıdaki dosya adını verin:
t03_baslik.htm
8. Kaydet düğmesine tıklayın.
Ek Bilgi:
Bir Word belgesi veya Excel tablosu içerisine kaydedilen bir dosya yalnızca bir dosya adı alır. Bir web sayfası ise dosya adı dışında, bir de sayfa başlığına sahiptir ve bu sayfa başlığının önemli işlevleri vardır. İlgili web sayfası yüklendiğinde sayfa başlığı, browser penceresinin başlık kısmında görüntülenir. Bu sayfa başlığı ayrıca Microsoft Internet Explorer'da Sık Kullanılanlar ve Netscape Navigator'da ise Bookmark altında kısayol ismi olarak kullanır.
Arama hizmetleri World Wide Web'in rehberleridir. Siz bilgiyi girersiniz ve bu doğrultuda arama yapılır. Birçok arama hizmeti, en uygun arama kriteri olarak sayfa başlığını kullanır ve onu sonuç listesinde gösterir. Çeşitli anlamların varlığı dolayısıyla, sayfa başlığını özenle oluşturmalısınız.
İpucu:
Browserın, HTML kodunun daha okunaklı olması için kullanılan satıra başı, sayfa başı ve boş satırlar gibi boşlukların sayfa görüntüsünü etkilemediğini göz önünde bulundurmalısınız.
Dikkat!
Hazırladığınız web sayfaları Aç iletişim penceresinde görüntülenmiyorsa dosya türü listesinden 'Tüm Dosyalar'ı seçmeyi unutmuş ve sadece TXT dosyalarını görüntülüyor olabilirsiniz.
Özetle:
Web sayfasının başlığı olarak görüntülenecek olan metin <TITLE> </TITLE> komutları arasına yazılır.
Sayfa başlığı, browser penceresinin başlık kısmında görüntülenir ve arama hizmetlerinde kriter olarak kullanılır ve Sık Kullanılanlar veya Bookmark'ların ismin yerine geçer.
Web sayfasında görüntülenmesi gereken metinler <BODY> </BODY> komutları arasına yazılmalıdır.
Html Dersi
5
●914
- 09-02-2008, 12:42:47Üyeliği durdurulduAçıklama Eklemek
ilave etmek için açıklama komutunu kullanabilirsiniz.
Atölye:
Aşağıdaki işlemleri adım adım uygulayın.
1. Not Defteri'nde gerekirse Dosya/Aç komutunu çalıştırınız ve ekrana gelen iletişim penceresinde "Kurs" klasörünü açın.
2. "t03_baslik.htm" dosyasını seçin ve Aç düğmesine tıklayın.
3. <HEAD> komutunun altına aşağıdaki kodu ayrı bir satırda ekleyin:
HEAD bir web sayfasının başlık alanını parantezleri arasında bulundurur
4. </TITLE> komutunun altına aşağıdaki yorumu yeni bir satır içinde ilave edin.
TITLE, Browser başlık bölümünde görüntülenen sayfa başlığını ifade eder
5. Gövde kısmını başlatan <BODY> komutunun altına ise aşağıdaki açıklamayı ekleyin.
BODY, web sayfası üzerinde görüntülenen metin alanını parantezleri arasında bulundurur
6. Kod satırları kısmen çok uzun oldukları için not defteri penceresinde tamamen okunaklı görüntülenmezler. Tüm metin satırlarını okuyabilmek için Düzen/Sözcük Kaydır komutunu çalıştırın..
7. İçerisinde değişiklik yaptığınız bu dosyayı aşağıdaki isimde kaydedin:
t04_aciklama.htm
Ek Bilgi:
Bu özelliği ile bir programlama diline benzeyen HTML, web sayfası üzerinde kendi başına görüntülenmeyen notları ve açıklamaları HTML koduna ekleyebileceği bir komuta sahiptir. Bu komutun genel olarak söz dizimi şöyledir:
-Açıklama metni
Browser, "!--" ve "--" arasında kalan tüm metni göz ardı eder. Kaynak kodu daha kolay okunabilir hale getirmede veya örneğin, üzerinde daha çalışılması gereken yerlere not eklemek için açıklamalar kullanabilirsiniz.
Windows ayarlarına bağlı olarak web sayfanızın dosya eklentisi "htm" görüntülenmez. Web sayfasını internet belgeleri için kullanılan simgeden tanıyabilirsiniz. Dosyanın görüntülenmesi için kullanılacak simge hangi browserın, Internet Explorer veya Netscape Navigator standart olarak atandığına bağlı olarak değişecektir.
Browser, HTML kodunda kullanılan satır sonlarını, birbirini takip eden boşlukları, kesmeleri vs. göz ardı edecektir. HTML kodunu daha okunaklı hale getirmek için [Enter] tuşuna kullanarak satır sonları ekleyebilir veya bu işlemi Not Defteri'nin otomatik gerçekleştirmesi için Düzen/Sözcük Kaydır komutunu kullanabilirsiniz.
Dikkat!
Web sayfasını sunucuya sorunsuz olarak taşıyabilmek için boşluk ve özel karakterler içermeyen, küçük harflerden oluşan ve HTM ile sonlanan maksimum sekiz karakter uzunluğunda dosya isimleri kullanmalısınız.
Özetle:
Web sayfasına açıklama eklemek için, <!--...--> komutunu kullanınız. Bu açıklamalar web sayfası üzerinde görüntülenmezler.
Not Defteri'nde Düzen/Sözcük Kaydır komutunu kullanarak otomatik satır sonu eklemeyi aktif hale getirin ve uzun kod satırlarını [Enter] tuşuna basarak alt satıra kaydırabilirsiniz.
Browser; boş satırları, açıklamalar ve kesme noktaları gibi birbirini takip eden boşlukları göz ardı eder. - 09-02-2008, 12:43:21Üyeliği durdurulduDers Hedefi:
Hazırlanan sayfaların ileride internette nasıl görüntüleneceğini sınamak için, onları bir browserda açmalısınız. Her iki browser arasından en yaygın kullanılanı Microsoft Internet Explorer'dır.
Atölye:
Aşağıdaki işlemleri adım adım uygulayın.
1. Internet Explorer'ı çalıştırmak için görev çubuğundaki Başlat düğmesine tıklayın.
2. Hemen ardından Program/Internet Explorer komutunu çalıştırın.
3. Şayet Internet Explorer otomatik olarak bağlantı kurmak için ayarlandıysa ekrana gelen pencere üzerindeki İptal ve Çevrimdışı Çalış düğmelerine tıklayın.
4. Internet Explorer bir başlangıç sayfası yüklemeyi denediği taktirde İptal'e tıklayın ve Dosya/Çevrim Dışı Çalış komutunu çalıştırın.
5. Hazırladığınız sayfaları görüntülemek için Dosya/Aç komutunu çalıştırın ve Gözat düğmesine tıklayın.
6. "Kurs" klasörünü açın ve "t04_aciklama.htm" dosyasını seçin.
7. Aç ve Tamam düğmelerine tıklayın. Bunun sonucunda browser web sayfasının içeriğini görüntüler, fakat açıklamayı ekrana getirmez.
8. Kaynak kod üzerinde değişiklik ve düzeltme yapmak için Görünüm/Kaynak komutunu çalıştın. Windows Not Defteri'ni, bu sayede Microsoft Internet Explorer üzerinden çalıştırabilirsiniz.
9. Not Defteri'nde yaptığınız değişiklikleri gerekirse kaydedin, browserı etkinleştirin ve
Gerektiği taktirde not defterindeki değişiklikleri kaydediniz, Browser'a aktarınız ve yaptığınız değişikliklerin sonucunu görmek için Yenile düğmesine tıklayın.
10. Değiştirilmiş web sayfasını gerekirse Dosya/Kaydet komutunu kullanarak kaydedin ve programı kapatın.
Ek Bilgi:
Web sayfanızın World Wide Web'de nasıl görüneceğini sadece browserı kullanarak kontrol edebilirsiniz. Bu nedenle web sayfasının browser üzerindeki görüntüsünün hazırlık aşamasında düzenli olarak kontrol edilmesi gereklidir. Web sayfasının Microsoft Internet Explorer ve Netscape Navigator üzerindeki görünümleri farklı olacağından, web sayfanızın görünümünü her iki browserda da test etmelisiniz.
HTML komutlarının sonuçlarını en kolay şekilde içinde bulunduğu Not Defteri'ni ve browserı paralel şekilde açarak ve görev çubuğunda bulunan düğmelerinden ikisi arasında geçiş yaparak kontrol edebilirsiniz.
Eğer siz HTML kursunun bir sayfası üzerinde yaptığınız değişiklikleri diğer tarafta browserdan kontrol ediyorsanız, bazı komutların hangi etkilere sahip olduğunu, hangi hataları yaptığınızı ve bu hataları nasıl gidereceğinizi hızla fark edebilirsiniz.
Dikkat!
Eğer Not Defteri üzerinde yapılan değişiklikler web sayfasının browserdaki görüntüsüne direkt olarak etki etmez. Bunun için Not Defteri'ndeki sayfayı yeniden kaydetmeli ve browserda yeniden yüklemeli yada Yenile düğmesine tıklamalısınız.
İpucu!
Microsoft Internet Explorer'ı yükleme sırasında otomatik olarak oluşturulan masaüstündeki sembolüne çift tıklayarak daha hızlı bir şekilde çalıştırabilirsiniz. Bunun dışında, Windows 98'in Hızlı Başlat çubuğunda da Microsoft Internet Explorer için bir düğme bulabilirsiniz.
Özetle:
Web sayfası online iken internette nasıl görünecekse çevrimdışı modunda browserda da aynı şekilde ekrana gelecektir.
Microsoft Internet Explorer ve Netscape Navigator web sayfalarını farklı görüntülerler. Bundan dolayı, web sayfaları her iki browserda da ayrı ayrı kontrol edilmelidir. Kaynak kodlardaki değişiklikleri Not Defteri'nde kaydediniz.
Değiştirilmiş bir sayfayı browserda yeniden yüklemeli veya browserdaki görüntüsünün sonucunu kontrol etmek için Yenile düğmesine tıklamalısınız. - 09-02-2008, 12:43:55Üyeliği durdurulduNetscape Navigator ile Deneme
Ders Hedefi:
Bir çok internet sörfçüsü Microsoft Internet Explorer yerine Netscape Navigator kullanır. Şayet web sayfası tasarlıyorsanız bunları Netscape Navigator ile de kontrol etmelisiniz.
Atölye:
Aşağıdaki işlemleri adım adım uygulayınız.
1. Başlat/Programlar/Netscape Communicator/Netscape Navigator komutunu çalıştırın.
2. Şayet bilgisayarınızda birden fazla kullanıcı profili mevcutsa ekrana gelen listeden kendinizinkini seçin ve Start Communicator düğmesine tıklayın.
3. Şayet Netscape Navigator otomatik olarak bağlantı kurmak için ayarlandıysa, Navigator'ı çevrimdışı modunda çalıştırmak için ekrana gelen pencere üzerindeki Cancel düğmesine tıklayın.
4. Netscape Navigator bir başlangıç sayfası yüklemeyi denediği taktirde Stop'a tıklayın ve File/Offline/Work Offline komutunu çalıştırın.
5. Web sayfasını Netscape Navigator'da görüntülemek için File/Open Page komutunu çalıştırın.
6. Ekrana gelen pencere üzerindeki Choose File düğmesine tıklayın ve "Kurs" klasörünü açın.
7. Aşağıdaki dosyayı seçin ve Aç düğmesine tıklayın:
t04_aciklama.htm
8. Dosyanın ismi ve konumu Open Page iletişim penceresinde ekrana gelecektir. Sayfayı browserda görüntülemek için Open düğmesine tıklayın.
9. Web sayfasının kaynak kodunu görüntülemek için View/Page Source komutunu çalıştırın. Kaynak kod penceresini kapatmak için de Kapat düğmesine tıklayın.
10. File/Close komutunu kullanarak Netscape Navigator'u kapatın.
Ek Bilgi:
Microsoft Internet Explorer ve Netscape Navigator HTML komutlarının sonuçlarını maalesef aynı şekilde görüntülemeyecektir. Karakter biçimlendirmeleri gibi basit biçim komutları neredeyse aynı görüntülenirken örneğin tablolar farklı görüntülenirler ve her iki browser da multimedya dosyalarının eklenmesi için değişik komutlar kullanırlar. Bu nedenle elde ettiğiniz sonuçları en başından itibaren her iki browserda da kontrol etmeli ve her iki program tarafından da desteklenen komutlar kullanmalısınız. Bu kurs çerçevesinde her iki programla da ilgili gerekli bilgileri edineceksiniz.
Kurs süresince standart olarak çevrimdışı çalışma modunu kullanmalısınız. Bunun için Netscape Navigator altında Eidt/Preferencess komutunu çalıştırın, ekrana gelen penceredeki listeden Offline başlığını seçin ve ekranın sağında bulunan "Remember previous state" seçeneğini işaretleyin. Artık Netscape'i çevrimdışı çalışma modunda kapatacak olursanız, aynı modda açılacaktır.
Netscape Navigator, komutları ve açıklamaları renkli olarak yazdığı için kaynak kodu Microsoft Internet Explorer'a kıyasla çok daha okunaklı bir şekilde ekrana taşıyacaktır. Ancak HTML kodunu bu görünümde biçimlendirmek maalesef mümkün değildir. Bir web sayfasını biçimlendirebilmek için Netscape Composer'ı kullanarak açmalısınız. Ancak Composer'ın kendisi kaynak kod üzerinde değişiklik yaptığı için bu kurs içerisinde kullanmanızı tavsiye etmiyoruz.
İpucu!
Netscape Navigator da masaüstündeki simgesi kullanılarak hızlı bir şekilde çalıştırılabilir.
Özetle:
Bir web sayfasını Netscape Navigator'da görüntülemek için Netscape Communicator'ı Başlat/Programlar/Netscape Communicator/Netscape Navigator komutunu kullanarak çalıştırabilirsiniz.
File/Open Page komutunu çalıştırın, Choose File düğmesine tıklayın ve "Kurs" klasörünü seçin.
"t04_aciklama.htm" dosyasını seçin ve iki kere Aç düğmesine tıklayın.
HTML kodunu görüntülemek için de View/Page Source komutunu kullanabilirsiniz. - 09-02-2008, 12:44:42Üyeliği durdurulduTemel Yazı Tipi, renk ve büyüklüğünü seçmek Ders Hedefi:
Web sayfasının içeriğini, kullanıcıların ileride rahatlık takip edebilecekleri ve önemli parçaları direkt olarak çarpacak şekilde görüntülenmesini istiyorsunuz. Bunun için okunaklı yazı tipleri kullanmalısınız.
Atölye:
Aşağıdaki işlemleri adım adım uygulayınız.
1. Gerekirse "t07_satirekle.htm" dosyasını Not Defteri'nde açın.
2. Internet Explorer'da temel yazı tipi, renk ve büyüklüğünü belirlemek için <BASEFONT> komutunu kullanabilirsiniz. <BODY> komutundan ve açıklama kısmından sonra aşağıdaki komutu ekleyin:
<BASEFONT face="Arial" size="4" color="red">
3. Üzerinde değişiklik yaptığınız web sayfasını "t08_temelyazıtipi.htm" adı altında kaydedin.
4. Sayfayı hem Microsoft Internet Explorer hem de Netscape Navigator ile kontrol edin.
5. Not Defteri'ne geri fönün ve <BASEFONT> komutunu aşağıdaki gibi değiştirin:
<FONT face="Arial" size="4" color="red">
6. <FONT> komutunu sonlandırmak için </BODY> komutundan önce </FONT> ifadesini girin.
</FONT>
7. "Hoş Geldiniz" metin satırını aşağıdaki gibi değiştirin.
<FONT size= "+2" color="red">Hoş Geldiniz </FONT>
8. Üzerinde değişiklik yaptığınız sayfayı kaydedin ve hem Microsoft Internet Explorer hem de Netscape Navigator ile kontrol edin.
Ek Bilgi:
Temel yazı tipi, büyüklük ve rengini belirlemek için <BASEFONT> komutunu kullanın:
<BASEFONT face="YazıTipi" size="n" color="Renk">
<BASEFONT>, başlık ve tablolar hariç tüm metin kısmına uygulanır ve sonlandırma komutuna ihtiyaç duymaz.
Dikkat!
<BASEFONT> komutunun "size" ve "color" özellikleri Netscape Navigator tarafından işleme sokulmazlar.
Web sayfası içeriğinin ve sadece bir kısmının yazı tipi, renk ve büyüklüğünü browserdan bağımsız olarak belirlemek için söz konusu metni <FONT></FONT> komutu arasında tutmalısınız.
<FONT face="YazıTipi" size="n" color="Renk">...</FONT>
"face" özelliğine birbirinden virgül ile ayrılmış çok sayıda yazı tipi atayabilirsiniz. Browser, buradaki liste içerisinde yüklü ilk yazı tipini seçer. Internet Explorer ve Netscape Navigator temel yazı büyüklüğü olarak "3" değerini kullanırlar. Büyüklük için "1" ile "7" arasında değerler girebilir veya aşağıdaki örnekte olduğu gibi adım adım küçültebilir büyütebilirsiniz:
<FONT size="+1">...</FONT> ve <FONT size="-1">...</FONT>
İpucu:
<FONT> komutu artık geride kaldı. Yazı biçimlerinin ileride öğreneceğiniz CSS ile belirlenmesi çok daha modern bir yöntemdir.
Özetle:
Temel yazı tipini <BASEFONT> ile belirleyebilirsiniz. Temel yazı tipi ve renginin <BASEFONT> ile belirlenmesini sadece Internet Explorer destekler. Netscape Navigator, <BASEFONT> komutunu sadece yazı büyüklüğünü belirlemek için kullanır. Web sayfası içeriğinin yazı tipini, rengini ve büyüklüğünü <FONT></FONT> komutunu kullanarak browserdan bağımsız olarak belirleyebilirsiniz.
"face" özelliği yazı tipini ve "size" 1 ile yedi arasında sabit bir değer vererek veya yer yer arttırıp, düşürerek yazı tipi büyüklüğünü belirler.