HOME HTML ASP PHP JAVASCRIPT C# Makaleler Örnekler Kod Ekle  
 
     
  HTML Nedir
HTML Temel Unsurlar
HTML Başlangıç
HTML Metin Biçimlendirme
HTML Fontlar
HTML Listeler
HTML Linkler
HTML Tablolar

HTML Fontlar

HTML belgelerinde font kullanımı aşağıdaki şekildedir.

    <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)

<font> etiketinin yanısıra öğreneceğimiz bir diğer etiket <br> etiketidir.

<br> etiketi bir bakıma enter tuşunun görevini görmektedir. HTML'de metinleri yazarken kullanılan editörde bir alt satıra geçmek için enter tuşunu kullanılır. Fakat HTML dilinde bunun hiçbir anlamı yoktur, tüm kodları ve metinleri tek satırda dahi yazsanız browser açısından fark etmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra geçmek için <br> etiketi kullanılmaktadır. Önemli olan nokta ise <br> etiketi sonlandırılmamasıdır.

Burada aşağıdaki örnek kodları inceleyelim.

View Code    HTML 
1
2
3
4
5
6
7
8
9
10
11

<html>
<head>
<title>BR etiketi</title>
</head>
<body>
pazartesi
salı 
çarşamba
<br>ocak<br> şubat<br> mart<br> nisan 
</body>
</html>

Yukarıdaki kodları çalıştırdığımızda aşağıdaki pencere ekrana gelir.

Aşağıdaki örnekte ise font etiketinin kullanımını inceleyelim. Eğer kullanmak istediğiniz font bilgisayarınızda yüklü değilse font etiketi ile biçimlemek istenilen metin browser'ın varsayılan fontu ile gösterilecektir. Bu yüzden önce sisteminizde yüklü olan fontların incelenmesi gerekir. (Başlat/Ayarlar/Denetim Masası/Yazıtipleri). Buradan yazı tiplerini açarak inceleyebilir ve beğendiklerinizi kullanabilirsiniz.

View Code    HTML 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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

Yukarıdaki kodları çalıştırdığımızda aşağıdaki pencere ekrana gelir.

 

  
  email : info@kodornekleri.com