Html / Fontlar ve Kullanımı

**HAKAN** · 09-27-2007, 12:29

...

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ığı
yada RGB renk değeri )

Bunlara font etiketinin parametreleri diyoruz.

 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. Ystisnai etiketlerden birisi bu: etiketi sonlandırılmıyor.

Buna bir örnek verelim;

Code:

<html> 
<head> 
 <title>BR etiketi</title> 
</head> 
<body> 

 pazartesi 

 salı 

 çarşamba 

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

</body> 
</html>

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.

Code:

<html> 
<head> 
<title>Renkler ve Mevsimler</title> 
</head> 
<body> 
<font face="tahoma" size="5" color="#008000">Ylkbahar</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>

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 ingilizce
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?

IPUCU

Öğrendiğimiz etiketler şunlardı;

Code:

<html>, <head>, <title>, 
<body>, <p>, <center>, <b>, <u>, <i>, <font>

alıntı

__________________

ARAMASIN GÖZLER O ŞİMDİ ASKER!..

09-27-2007, 12:29	#1 (permalink)
HAKAN PhotoshopUzmanı Kurucusu Üyelik Tarihi: Feb 2007 Bulunduğu Yer: C:\Program Files\Adobe\Adobe Photoshop CS2 Yaş: 23 Mesajlar: 5.323 Teşekkür Et: 170 Thanked 2.099 Times in 926 Posts Resimler: 38 Tecrübe Puanı: 10	Html / Fontlar ve Kullanımı <font face="..." size="..." color="...">...</font> 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ığı yada RGB renk değeri ) Bunlara font etiketinin parametreleri diyoruz. <font> etiketinin yanısıra öğreneceğimiz bir diğer etiket <br> etiketi. Önce bu etiketin kullanımını göreceğiz. <br> 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 <br> etiketini kullanıyoruz. Ystisnai etiketlerden birisi bu: <br> etiketi sonlandırılmıyor. Buna bir örnek verelim; Code: <html> <head> <title>BR etiketi</title> </head> <body> pazartesi salı çarşamba <br>ocak<br> şubat<br> mart<br> nisan </body> </html> 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 <br> etiketine bakarak bir sonraki metni satır başına aldı. Buradan da anlaşıldığı üzere metni bir alt satıra geçirmek için <br> 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. Code: <html> <head> <title>Renkler ve Mevsimler</title> </head> <body> <font face="tahoma" size="5" color="#008000">Ylkbahar</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> 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 ingilizce 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? IPUCU Öğrendiğimiz etiketler şunlardı; Code: <html>, <head>, <title>, <body>, <p>, <center>, <b>, <u>, <i>, <font> alıntı __________________ ARAMASIN GÖZLER O ŞİMDİ ASKER!..

Konu Seçenekleri
Yazdırılabilir Sümü Göster Sayfayı E-Mail'le gönder
Modları Göster
Normal Mod Ağaç Modununa Geç Otomatik Konu Moduna Geç

Okuduğunuz Konuya Benzer Konular
Konu	Konuyu Açan	Forum	Cevaplar	Son Mesaj
HTML mail nasıl atılır??	stech	Sorularınız, Görüşleriniz ve İstekleriniz	3	03-27-2008 18:13
Şemsiye Tipi Fontlar	HAKAN	Font	2	09-28-2007 12:27
html mail atma	stech	Ders istekleriniz	1	09-17-2007 10:07
html renkleri	HAKAN	Flash Movie programları	0	02-28-2007 13:28
html renkleri	HAKAN	Video ve ses işleme programları	0	02-25-2007 19:12