Zenginefe
Aileden
Font(Yazı) Tipleri:
Fon tipi demek ekranda görmüş olduğumuz yazı(font) karakterleridir, örneğin "Necmettin ZENĞİN" , "Necmettin ZENĞİN","Necmettin ZENĞİN" bunların hepsi ayrı yazı(font) tipiyle yazılmışlardır.
Html' de bunu;
<font face="font-ismi"> Örnek Metin </font>Fon tipi demek ekranda görmüş olduğumuz yazı(font) karakterleridir, örneğin "Necmettin ZENĞİN" , "Necmettin ZENĞİN","Necmettin ZENĞİN" bunların hepsi ayrı yazı(font) tipiyle yazılmışlardır.
Html' de bunu;
font-ismi = Arial, Courier, Times New Roman, v.b. olabilir.Daha fazla font tipi eklemek için farklı font tiplerini internetten indirip
"Bilgisayarım-->C:->Windows-->Fonts" içine kayıt etmeniz yeterli olacaktır.
Örnek:
<font face="arial"> Örnek Metin </font>
<font face="courier"> Örnek Metin </font> şeklinde yazıyoruz.
Font(Yazı) Büyüklüğü:
Yazı(Font) büyüklüğünü ayarlamak için aşağıdaki kodları takip ediniz.
<font size=#>Metin</font> ''#'' Yazılan yere 1,2,3,4,5,6,7,8,9... girilebilir.
Örnek :
<html>
<body>
<font size="15" face="arial">Merhaba Sitemize Hoş Geldiniz</font>
</body>
</html>
NOT:Bu kodları masaüstünüzde .txt dosyası açarak içine kopyalayınız ve kayıt ederken de deneme.html olarak masa üstünüze kayıt ediniz.Daha sonra çift tıklayıp açınız.
Başlık Oluşturmak:
Html sayfamızda kalıp olarak başlık oluşturabiliyoruz bunu aşağıda örneğini vermiş olduğumuz <h#>Başlık</h#> #=1,2,3,4,5,6 parametreleri içerisine tanımlayarak yazıyoruz.
<h1>Başlık1</h1> Başlık1
<h2>Başlık2</h2> Başlık2
<h3>Başlık3</h3> Başlık3
<h4>Başlık4</h4> Başlık4
<h5>Başlık5</h5> Başlık5
<h6>Başlık6</h6> Başlık6
Font(Yazı) Stilleri:
-->Yazımızı kalın yapmak için;
<b>Kalın</b>
-->Yazımızı italik(eğik) yapmak için;
<i>İtalik</i>
-->Yazımızı altını çizmek için;
<u>Alt Çizgi</u>
-->Yazımı daktilo tarzında yazdırmak için;
<tt>Daktilo</tt>
-->Yazımızı üst simge yapma için;
<sup>Üst Simge</sup>
-->Alt simge yapmak için;
<sub>Alt Simge</sub>
-->Yazımızı üstü çizgili yapmak için;
<s>Üst çizgi</s>
<strike>Üst çizgi</strike>
-->Yazımızı büyük yapmak için;
<small>Small</small>
<big>Big</big>
Font(Yazı) Rengi:
Html web sayfamızda güzel görüntü elde etmek için yazılarımızı renklendiririz bunu yapabilmek için ;
<font color="#"> Renkli Yazı </font>
<font color="red"> Kırmızı </font>
<font color="blue"> Mavi </font>
<font color="green"> Yeşil </font>
veya
''#''= Red,Orange,Yellow,Blue,Lightblue,Lightgreen vs. veya RGB renk tablosundaki renk kodlarından da yazabiliriz.
Örneğin:
<font color="#666666"> Renkli Yazı </font> Gibi
Font(Yazı) Kontrolleri:
Html sayfamızdaki yazılarımızı alt satıra geçirme veya paragraf başı yapma gibi gereksinimlere ihtiyaç duyarız bunu html taglarıyla kısaca...
<br> alt satıra geç.
<p> bir satır atla.
Örnek:
<html>
<head>
<title> HTML yazı kontrol </title>
</head>
<body>
Merhaba <br> Ben
Necmettin ZENĞİN Maxigame'ye <p> Hoşgeldiniz.
</body>
</html>
NOT: Bu kod satırını açmış olduğunuz .txt dosyasının içine kopyalayınız ve .html olarak kayıt ederek çalıştırınız.
Paragraf Hizalama:
Html sayfamızda yazılarımızı sayfanın Ortasına,Sol tarafına veya Sağ Tarafına yaslıyabiliriz.
Bunu "align=center" , "align=left" , "align=right" kullanarak yani aşağıda görmüş olduğunuz şekilde yaparız
<h3 align=center>Ortala</h3> Ortala
<h3 align=right>Sağa Hizala</h3> Sağa Hizala
<h3 align=left>Sola Hizala</h3> Sola Hizala
Kısım Kısım Hizalı Yazdırma:
Hizalama işini sadece başlıklarda yapmıyoruz, bunu yazımızın herhangi bir yerinde de yani kısım kısım yapabiliriz.
<div align="center">Div ile ortada yaz...</div>
<div align="right">Div ile sağa dayalı yaz...</div>
<div align="left">Div ile sola dayalı yaz...</div>
Yazıldığı Gibi Gösterme:
Html sayfamızda yazılarımızın istediğimiz tarzda göstermek için kullanırız örneğin;
<pre>
Yazıldığı gibi
---------------------------Maxigame.
-----------------------------------------------Maxigame.
</pre>
HTML Kodlarımızı Yazı Gibi Gösterme:
Normalde Html sayfamızı tasarlarken html taglarını ekranda normal yazı gibi gösteremeyiz, bunu tarayıcımız komut olarak algılar bu sorunu gidermek için..
<'xmp'>Yazılacak Olan Kod<'/xmp'> komutunu kullanırız...
Örnek:
<'xmp'><html><body></body><hmtl><'/xmp'>
NOT:Alıntı Değildir.
Son düzenleme: