HTML’de Yazı Büyüklüğü Ayarlama

0
1532
görüntülenme

Merhaba, HTML’de Yazı Büyüklüğü Ayarlama başlıklı yazıma hoşgeldiniz bu yazımda html’de yazı fontu nasıl ayarlanır onu göstereceğim. Öyleyse başlayalım.

İlk olarak ölçü birimlerine değinelim.

1. Ölçü Birimi = PX (Pixel)

Dijital göstergelerde görüntünün elde edilmesini sağlayan ve kontrol edilebilen en küçük birimdir.

2. Ölçü Birimi PT (Punto)

Punto, yazıların genel ölçü birimidir, fakat html’de genelde pixel kullanılır.

3. Ölçü Birimi EM

Em bağıl ölçü birimidir.Yani body etiketindeki font-size kısmına göre hem büyür hem küçülür.

4. Ölçü Birimi %

% (yüzde) de aynı em gibi bağıl ölçü birimidir. body tagındaki font-size kısmındaki yazı büyüklüğüne göre kendini ölçülemektedir.

Ek bilgi: 16px = 1em = 100% = 12pt

Ölçü birimleri bitti hadi örneklere geçelim.

 

<font size="6">6 ölçü yazı.</font>
<font style="font-size: 20px">20 px büyüklüğünde Yazı</font>
<font style="font-size: 20pt">20 pt (punto) büyüklüğünde yazı.</font>
<font style="font-size: 5em">5 em büyüklüğündeki yazı.</font>
<font style="font-size: 100%">%100 oranında yazı.</font>

Alacağınız çıktı şöyle olmalıdır.

HTML’de Yazı Büyüklüğü Ayarlama
Önceki İçerikHtml’de bir yazıya nasıl link verilir?
Sonraki İçerikPHP’de trim fonksiyonu kullanımı
Merhaba bu alanda kısaca kendimden bahsedeceğim. Adım Tuğra, 19 yaşındayım. Ticaret lisesi mezunuyum şuan Afyon Kocatepe Üniversitesinde İşletme bölümü okuyorum. Aslen Konyalıyım Afyonkarahisar'da ailemle birlikte yaşıyorum. Yaklaşık 11 senedir bilgisayarlarla içli dışlıyım son 6 senedir kendimi internete 2 yıldır ise Web Programlamaya verdim ileri derece PHP ve HTML biliyorum CSS Javascript Jquery için kendimi geliştirmeye devam ediyorum.. Yakında yayına çıkaracağım yyazilim.com için projeler geliştiriyorum. İş çözümleriniz için mail (iletisim@tugrayaldiz.com) atabilirsiniz. Şimdilik benden bu kadar eğer sende aramıza gelmek istersen mail listemize katılman yeterli kendine iyi bak. :) Not: Web programlama dersleri için https://www.w3schools.com adresini kaynak alıyorum.
Paylaş

CEVAP VER

Lütfen yorum alanını boş bırakma.
Lütfen adını gir.

This site uses Akismet to reduce spam. Learn how your comment data is processed.