Font, H Etiketleri ve Renk Kodları | HTML Dersleri 2

HTML Dersleri - Font- H Etiketleri - Renk Kodları

# Font etiketi, yazıya renk vermek için kullanılır. Bu etiketin içine yazı tipi ve yazı büyüklüğü vermekte kullanılan belli başlı parametrelerde girer.

<font>Renklendirilmek istenen yazı buraya gelecek</font>

Font etiketini popüler tüm tarayıcılar desteklemektedir. Ancak bu etiketi HTML5 sürümü desteklememektedir. Bizim amacımız HTML mantığını kavramak ve temel yapmak olduğundan sürüm farklılığını göz ardı edebilirsiniz. HTML5 ile birlikte font etiketi yerine CSS kullanmaktayız.

# Color parametresi, yazı rengini belirlemek için kullanılır.

<font color="red">Kırmızı Renkli Yazı</font>

ÖNEMLİ: Red, blue, green, yellow bunları kullanmak iyi hoş fakat ara renkleri yazacak kadar İngilizce bilemeyebilirsiniz. O yüzden arama motoruna html renk kodları yazıp istediğiniz ara rengin karşılığını bulabilirsiniz.

# Size
parametresi, yazı büyüklüğünü belirlemek içindir. Size kısmına 1 ila 7 arasında rakam yazılır. 7’den daha büyük rakamı yazarsanız tarayıcılar bunu tanımaz. En büyük size 7’dir.

<font color="red" size="7">Yazı buraya gelecek</font>

# Face parametresi, yazı tipi içindir. Parametre ile birlikte kullandığınız yazı tipinin tam adının yazılması gereklidir. Yoksa tarayıcılar tanımaz! Tahoma, Arial, Comic Sans MS tam adı neyse onu yazın…

 <font color="red" size="7" face="tahoma">Yazı Buraya</font>

# H etiketleri, başlık verme amacıyla kullanılır. H1 ana başlık, h2 alt başlık şeklinde ihtiyaca göre kullanabilirsiniz. h1,h2,h3,h4,h5,h6…

<h1>BAŞLIK</h1>

Web Odası tarafından hazırlanan Font, H Etiketleri ve Renk Kodları eğitim videosu aşağıda yer almaktadır. Hem bu yazımda yer alan video ders notları hem de Web Odası tarafından hazırlanan video ile bilgilerinizi daha da pekiştirebilirsiniz. İyi seyirler dilerim…

Mutlaka Okumalısın

JavaScript Öğrenmek - JavaScript Dersleri

JavaScript Öğrenmek İçin En İyi Kaynaklar

HTML ve CSS ile web geliştirme temellerini öğrendikten sonra genellikle JS olarak bilinen Javascript’i öğrenmek …

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The reCAPTCHA verification period has expired. Please reload the page.