html css border,
html css öğreniyorum,
html dersleri,
html font,
html ögren,
html yazı tipleri
HTML Kodlama Dersi - II
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. |
<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.
0 yorum