|
|||||||
| ||
![]() |
|
|
Seçenekler | Arama | Stil |
![]() HTML Dersleri ( Ders 5 : Fontlar ve Kullanımı ) | ||||||||||
|
(#1)
|
||||||||||
|
>Mesaj Sayısı: n/a
>Açtığı Konu: 5568
Level: -INF [ ]Paylaşım: NAN / -INF |
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; Kod:
<html> <head> <title>BR etiketi</title> </head> <body> pazartesi salı çarşamba <br>ocak<br> şubat<br> mart<br> nisan </body> </html> çarşamba"yı yazarken Enter tuşu ile bir alt satıra geçmemize rağmen browser bunu gözönüne alma***** 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. Kod:
<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> 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. |
|||||||||
|
||||||||||
|
|
![]() Cevap: HTML Dersleri ( Ders 5 : Fontlar ve Kullanımı ) | ||||||||||
|
(#2)
|
||||||||||
|
[10]Yeni Üye
![]() ![]() ![]() >Mesaj Sayısı: 240
>Açtığı Konu: 6
Level: 14 [ ![]() ![]() ![]() ]Paylaşım: 0 / 337 Üyelik tarihi: Apr 2007
Kullanıcı No: 1449
Rep Puani: 100
Rep Derecesi :
![]() ![]() |
saol kardeşim hepsini deniyom manyak ders bunlar sabitleyin bunları bilmeyen herkes faydalanır tekrara saol
|
|||||||||
|
||||||||||
![]() Cevap: HTML Dersleri ( Ders 5 : Fontlar ve Kullanımı ) | ||||||||||
|
(#3)
|
||||||||||
|
>Mesaj Sayısı: n/a
>Açtığı Konu: 5568
Level: -INF [ ]Paylaşım: NAN / -INF |
Anlamadığınız bi yer olursa sorabilirsiniz
![]() |
|||||||||
|
||||||||||
![]() Cevap: HTML Dersleri ( Ders 5 : Fontlar ve Kullanımı ) | ||||||||||
|
(#4)
|
||||||||||
|
[10]Yeni Üye
![]() ![]() ![]() >Mesaj Sayısı: 30
>Açtığı Konu: 0
Level: 4 [ ![]() ![]() ]Paylaşım: 0 / 80 Üyelik tarihi: Sep 2007
Kullanıcı No: 156278
Rep Puani: 100
Rep Derecesi :
![]() ![]() |
Te$ekkürler
|
|||||||||
|
||||||||||
![]() Cevap: HTML Dersleri ( Ders 5 : Fontlar ve Kullanımı ) | ||||||||||
|
(#5)
|
||||||||||
|
[10]Yeni Üye
![]() ![]() ![]() ![]() >Mesaj Sayısı: 386
>Açtığı Konu: 127
Level: 18 [ ![]() ]Paylaşım: 86 / 432 Üyelik tarihi: Jan 2008
Kullanıcı No: 247566
Nerden: adana
Rep Puani: 241
Rep Derecesi :
![]() ![]() ![]() |
sağolasın tşkkr
|
|||||||||
|
||||||||||
![]() | ||||||||||
|
(#6)
|
||||||||||
|
[10]Yeni Üye
![]() ![]() ![]() >Mesaj Sayısı: 65
>Açtığı Konu: 6
Level: 6 [ ![]() ![]() ![]() ]Paylaşım: 0 / 148 Üyelik tarihi: Jun 2007
Kullanıcı No: 93270
Rep Puani: 118
Rep Derecesi :
![]() ![]() |
Gerçekten en temel bilgiler ...
bnde bunnardan başlamıştım ![]() |
|||||||||
|
||||||||||
![]() | ||||||||||
|
(#7)
|
||||||||||
|
[45]Kategori Moderatör
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() >Mesaj Sayısı: 2,932
>Açtığı Konu: 1156
Level: 42 [ ![]() ![]() ![]() ![]() ]Paylaşım: 1562 / 1562 Üyelik tarihi: Dec 2007
Kullanıcı No: 197520
Rep Puani: 1976
Rep Derecesi :
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
teşekkürler
|
|||||||||
|
||||||||||
![]() | ||||||||||
|
(#8)
|
||||||||||
|
[10]Yeni Üye
![]() ![]() ![]() >Mesaj Sayısı: 564
>Açtığı Konu: 3
Level: 21 [ ![]() ![]() ![]() ]Paylaşım: 208 / 520 Üyelik tarihi: Apr 2008
Kullanıcı No: 288590
Rep Puani: 167
Rep Derecesi :
![]() ![]() |
emeğe saygı
|
|||||||||
|
||||||||||
![]() |
| Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
| Seçenekler | Arama |
| Stil | |
|
|