Bu yazımızda sizlere HTMLile yazıları şekillendirmeyi, renklendirmeyi ve biçimlendirmeyi göstereceğim.
Eğer ki yazınızı kalın, italik, altı çizili yapmak istiyorsanız bir önceki yazımız olan HTML Yazı Formatları yazımızı okuyabilirsiniz..
HTML ile yazı biçimlendirmesi yaparken font tagını kullanmaktayız.
İçindekiler
– Yazı boyutunu değiştirmek:
Size kısmında yer alan değeri artırarak veya azaltarak boyutunu değiştirebiliriz.
Aynı zamanda small, medium, big değerleriyle değiştirebiliriz.
1 | <font size="3"> Yazı boyutu </font> |
1 | <font size="medium"> Yazı boyutu </font> |
Yazı boyutu
– Yazı rengini değiştirmek:
Yazı renklerini değiştirmek için 2 yol bulunmakta. HTML renk kodları veya renk isimleriyle renklendirme yapabiliriz.
” #ff0000 , #001eff , #cf3ac5 ” gibi renk kodlarını kullanabiliriz.
” Red, blue, yellow, orange, purple ” gibi çeşitli renkleri kullanabiliriz.
1 | <font color="#ff0000"> Yazı rengi </font> |
1 | <font color="red"> Yazı rengi </font> |
Yazı rengi
– Yazı tipini değiştirmek:
Web sitelerini görünüm açısından zenginleştirmek açısından çeşitli yazı tipleri kullanabiliriz.
Örneğin MS Word programında kullandığımız yazı tiplerini HTML kodlarıyla kullanabilmek mümkün.
Kullanabileceğiniz örnek yazı fontları: ” Arial, Times New Roman, Tahoma, Helvetica, Roboto, Verdana ”
1 | <font face="Tahoma"> Yazı tipi </font> |
Yazı tipi
Gelin şimdi bu öğrendiğimiz biçimlendirmeler ile yeni bir yazı yazalım.
Bu kodları istersek ayrı ayrı istersek iç içe yazabilmekteyiz.
Bu kodları uygulamada daha net anlayabilmeniz açısından aşağıya sizler için örnekler bırakıyorum :)
HTML ile yazı rengi, yazı boyutu, yazı tipi değiştirme örnekleri
1 2 | <font color="red"> Merhaba! <font color="blue"> Ben <font color="yellow"> HTML <font color="pink"> öğreniyorum. </font> |
Merhaba! Ben HTML öğreniyorum.
1 | <font size="2" color="orange" face="Tahoma" >Merhaba! Ben HTML öğreniyorum</font> |
Merhaba! Ben HTML öğreniyorum
1 2 3 | <font size="5" color="green">K</font> <font size="4" color="cyan">od</font> <font size="5" color="green">K</font> <font size="4" color="cyan">ampüsü</font> <font size="4" color="purple">.COM</font> |
K od K ampüsü .COM
1 2 3 4 | <font size="6" color="pink" face="Roboto"> HTML </font> <font size="3" color="gold" face="Verdana"> öğrenmek </font> <font size="5" color="red" face="Arial"> çok </font> <font size="4" color="orange" face="Helvetica"> zevkli </font> |
HTML öğrenmek çok zevkli
Merhaba çok güzel bir paylaşım teşekkürler.