Fontlar

Bu dersimizde HTML'de kullanılan fontları inceliyoruz.

Bu dersimizde HTML'de kullanılan fontları inceliyoruz.

Önce HTML'de kullanılan font terimlerinin anlamlarına değinelim:

face = yazıtipinin adı (arial, tahoma, verdana, ...)
size = yazının büyüklüğü (1-7 arası)
color = yazının rengi (red, green gibi renklerin ingilizce karşılığı ya da RGB renk değeri)

Bunlara font etiketinin parametreleri diyoruz. Kullanımı şu şekilde:


<font face="..." size="..." color="...">...</font>



etiketinin yanısıra öğreneceğimiz bir diğer etiket
etiketi. Önce bu etiketin kullanımını göreceğiz.
etiketi bir bakıma enter tuşunun görevini görüyor. Bunu biraz açıklayalım; HTML'de metinleri yazarken kullandığımız editörde bir alt satıra geçmek için Enter tuşunu kullanırız. Fakat HTML dilinde bunun hiçbir anlamı yoktur, tüm kodları ve metinleri tek satırda dahi yazsanız browser açısından farketmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra atmak için
etiketini kullanıyoruz. İstisnai etiketlerden birisi bu:
etiketi sonlandırılmıyor.
Buna bir örnek verelim;


<html>

<head>

   <title>BR etiketi</title>

</head>

<body>




pazartesi



   salı



   çarşamba



   <br>ocak<br> şubat<br> mart<br> nisan



Evet sanırım sonuç aldık.

Yukarıdaki örneğimizde "pazartesi, salı ve çarşamba"yı yazarken Enter tuşu ile bir alt satıra geçmemize rağmen browser bunu gözönüne almayarak tüm metni bir satırda yazdı. Fakat ikinci sefer ay adlarını tek bir satıra yazdığımız halde bu kez browser aradaki
etiketine bakarak bir sonraki metni satır başına aldı. Buradan da anlaşıldığı üzere metni bir alt satıra geçirmek için
etiketini kullanıyoruz. Bu etiketin bir özelliği de sonlandırılmaması.

Şimdi font etiketinin kullanımını bir örnekle inceleyelim. Eğer kullanmak istediğiniz font bilgisayarınızda yüklü değilse font etiketi ile biçimlemek istediğiniz metin browser'ın varsayılan fontu ile gösterilecektir. Bu yüzden önce sisteminizde yüklü olan fontları inceleyin (Başlat > Ayarlar > Denetim Masası > Yazı Tipleri). Buradan yazıtiplerini açarak inceleyebilir ve beğendiklerinizi kullanabilirsiniz. Eğer benim örnekte kullandığım yazı tipleri (tahoma, comic sans ms, verdana, arial) sisteminizde yüklü değilse bunun yerine sizde yüklü olan istediğiniz bir fontu kullanabilirsiniz.


<html>

<head>

<title>Renkler ve Mevsimler</title>

</head>

<body>

<font face="tahoma" size="5" color="#008000">İlkbahar</font>

<br>

<font face="verdana" size="5" color="#ff0000">Yaz</font>

<br>

<font face="arial" size="5" color="#ffff00">Sonbahar</font>

<br>

<font face="comic sans ms" size="5" color="#0000ff">Kış</font>

<br>

</body>

</html>



Bu da sanırım oldu..

Her zamankinden farklı olarak ve ilk defa sayfamızda renk kullandık. Örnekte de gördüğünüz gibi bu işi renk kodlarıyla yaptık. Aslında bunun bir yolu daha var; o da renk kodu yerine rengin İngilizce adını yazmak (color="red" gibi).

Bu konuyu renkler bölümünde ayrıntılı olarak inceleyeceğiz. Burada yalnız bir kaç örnekle yetinelim:


Kırmızı-red
Mavi-blue
Siyah-black
Sarı-yellow
Lacivert-navy
Yeşil-green

Bu renkleri yukarıdaki örnek üzerinde deneyin, renk kodunu silin ve rengin ingilizce karşılığını yazın.

ÖDEV: Şu ana kadar öğrendiğimiz etiketleri kullanarak (tabii ki hepsini kullanmak zorunda değilsiniz) aşağıdaki görüntüyü browser'da nasıl elde ederiz?




Tamamdır... Sevgi ve hoşgörü ile karşınızdan ayrılıyor, başarılarınızın devamını diliyorum...
  • Etiketler;
Muhammed Soysal
Hakkında bilgi en kısa sürede eklenecektir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

tsk
Teşekkürler arkadaşım güzel bir anlatım olmuş
bu söze bende bir söz eklemek istiyorum HAYATI KENDİNE MENDİL EDERSEN SENDEN DAİMA GÖZYAŞI İSTEYECEKTİR.
:kirp: güzel çalışma üstat
Anlatım için teşekkürler. Bir soru: Bu renk olayını her satır için değil de bir kere kullanıp tüm sayfaya uygulamak istediğimizde <body font face="arial" size="3" color="navy"> şeklinde mi kullanmalıyız?
çok saolun yhaa
spoiLer evet arkadaşım öyLe yapman gerek tüm sayfa için geçerLi oLacaktır.:D
ÇOK SAGOL KARDEŞİM EMEGİ GEÇEN HERKEZE TEŞEKKÜR EDİYORUMM
emegine saglık ama begenmedim sorY:hayret:
eline sağlık ustam :)

Yukarı Git