Breaking News
Loading...
, , , , ,

HTML Kodlama Dersi - II

Share on Google Plus



HTML Yazı Tipleri

Geçen ders HTML’ e giriş yaptık, temel kodlarımızı öğrendik. Şimdi bunu bir adım ileriye taşıyacağız. Ancak öncelikle şunu belirtmek istiyorum. Geçen dersimizde HTML5 in son sürüm olduğunu söylemiştik. HTML5 ile beraber bazı yeni özellikler gelirken bazı kodlar da desteklenmemeye başlandı. Bunları HTML5 başlığı altında ayrıca öğreneceğiz. Şimdilik yakın zamana kadar kullanılan HTML kodları üzerinden derslerimize devam edelim.
Ekrana yazı yazdırmayı öğrenmiştik. En basit şekilde:

Ekrana "Merhaba Dünya" yazdırabiliriz. Şimdi bunu farklı şekillerde yazalım. Not defterimizi            açıp aşağıdakileri yazıyoruz.

Önce etiketleri açıklayalım:
<b>...</b>:Geçen ders verdiğimiz ilk örneğimizdi.
 Yazıların kalın görünmesini sağlar.
 (Örn. Merhaba Dünya)
<i>...</i>:İtalik görüntü sağlar. (Örn. Merhaba Dünya)
<u>...</u>:Yazıyı altı çizili gösterir. (Örn. Merhaba Dünya)
<del>..</del>:Yazıyı üstü çizili gösterir. (Örn. Merhaba Dünya)
<sub>...</sub>:Yazıyı satırın yarım karakter altında gösterir.
 Matematiksel vb. formülleri gösterirken
 kullanabilirsiniz. (Örn. Merhaba Dünya)
<sup>...<sup>:Yazıyı satırın yarım karakter üstünde gösterir.
Mesela bir sayının üslü halini web
sayfasında gösterirken kullanabilirsiniz.
(Örn. MerhabaDünya)
<marquee>...</marquee>:Kayan yazı oluşturur.

Şimdi not defterini html uzantılı olarak kaydedin ve sonucu görün.
Sıra <font> etiketini tanımaya geldi. <font> etiketini kullanarak yazının tipini, rengini ve boyutunu değiştireceğiz.
Örneklerle gösterelim.


Açıklayacak olursak: Font etiketiyle yazıya 3 farklı özellik kazandırabiliyoruz. Renk, yazı tipi, yazı boyutu. Önce font yazıyoruz sonra da face, color veya size. face="..." arasına yazı tipi yazıyoruz. Arial, tahoma, verdana gibi. color="..." arasına renk değeri yazıyoruz. Red, yellow, blue, aqua gibi... size="..." kullanımında ise istediğimiz yazı boyutunu giriyoruz.

You Might Also Like

0 yorum

About me

Like us on Facebook

Blog Archive