######################
#Yazan/Derleyen: HITMAN
#Site:
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
#Bilgi , paylaştıkça çoğalır.
######################
-Web Sayfalarındaki Metin Kullanımı-
Bu konulari ayrintili vermek istiyorum ki olayin mantigini daha güzel bir sekilde kavrayabilesiniz.
Daha once de soyledigim gibi sayfada metni görüntülemeniz icin <body> ve </body> taglari arasina yazmaniz yeterlidir. Ve yine tekrar ediyorum yazılan metinler sayfanizda ekrana yazdiginiz sekilde degil , komutlarini verdiginiz sekilde yansirlar. Yani yanyana veya alt alta yazmaniz birsey ifade etmez , bunu komutlar ile saglamalisiniz.
Simdi sizi biraz temel metin taglari hakkinda bilgilendireyim ;
<center></center>
Bu iki tag arasina yazacaginiz metin web sayfasi icerisinde ortalanir. Ki zaten center kelimesi "orta" demektir.
<br>
Bu komut ingilizce'de "break" kelimesinin kisaltilmisidir. Bu satir atlatma isine yarar. Yani <br> komutundan sonra yazdiginiz karakterler, yazilar bir sonraki satira aktarilir.
<b></b>
Bu iki tag arasina yazdiginiz metinler sayfada "Bold(Kalın)" olarak gözükürler.
<i></i>
Bu iki tag arasina yazdiginiz metinler sayfanizda "italik(Eğik" olarak gözükürler.
<p></p>
Bu iki komut arasina yazdiginiz metinler sayfanizda bir paragraf olarak düsünülür. Ayrica bu komutun icerisinde kullanabileceginiz baska komutlar da mevcuttur. Yazacaginiz paragrafin saga , sola veya merkeze dayali olmasi <p align="TcBilisim"></p> komutunda " icerisinde yazdigim TcBilisim yerine , "center" , "left" , "right" yazılarak saglanilir.
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<p align="left">Solda yazilir.</p>
<p align="right">Sağda yazilir.</p>
<p align="center">Merkeze yazilir.</p>
Simdi buraya kadarki anlattigim komutlari tek bir örnekte inceleyelim , gösterelim.
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<head>
<title>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.HTML'e Giriş Dersleri | Yazan: HITMAN
</title>
<body>
<center> TcBilisim.ORG </center>
<br><b>TCB Group olarak hedefimiz bilinçli kullanıcılar ile bilgi paylaşmak , öğrenmek ve öğretmektir.</b>
<p align="right">TCB Group HTML'e Giriş Dersleri</p>
<i>TCB Group Admin: HITMAN</i>
<p align="center">- TCB Group - </p>
</body>
</html>
Yukarıda gördügünüz kodlarin web sayfasindaki görünümü aşağıdaki gibidir ;
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
Gelelim web sayfalarinda yazi büyüklüklerini ayarlama yontemlerine..
Yazi büyüklüklerini ayarlamanin iki yöntemi vardir.
<h></h> taglari ile yazi büyüklüklerini belirtebiliriz veya en cok kullanilan yöntem olan
<font> taglarini kullanabiliriz. Öncelikle <h></h> taglarini aciklayim..
<h></h>
Bu iki komut arasina yazilan metinler 6 farklı büyüklükte yansitilabilirler. Metinlerin boyutunu ayarlamak icin 1,2,3,4,5 ve 6 rakamlarindan faydalaniriz. 1 rakami en büyük puntolu metni , 6 rakami ise en kücük puntolu metni ifade eder.
Bu komutun kullanimini bir ornek ile inceleyelim ;
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<head>
<title>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
HTML'e Giriş Dersleri | Yazan: HITMAN
</title>
<body>
<h6>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h6>
<h5>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h5>
<h4>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h4>
<h3>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h3>
<h2>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h2>
<h1>
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
TCB Group </h1>
</body>
</html>
Yukarıdaki gibi bir kodlamanin görüntüsü aşağıdaki gibi olacaktir.
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
Gelelim en cok kullanilan
<font> tagına..
<font></font>
Bu komut metin büyüklüklerini ayarlamanin disinda yazı tiplerini , yazı renklerini ayarlamak icin de kullanilir. Bu yuzden daha cok kullanılıyor olsa gerek
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
Bu komutun genel kullanım sekli ;
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<font color="RENK"face="Yazı Tipi"size="Metin Büyüklügü"></font>
Gördügünüz gibi kullanımı oldukca sade ve basittir..
RENK olarak yazdıgım kısma ya renklerin ingilizce karsiligini yazacaksiniz ya da renklerin HEX kodlarini yazacaksiniz. HEX kodlari hakkinda biraz bilgi vereyim. Tüm renkler için HEX kodlamasi, # işareti ve bu işaretten sonra gelen 6 adet rakam veya harften oluşur. HTML'de yazı renginin varsayilan rengi siyahtır.(HEX Kodu: #000000) Yani başka bir renk belirtmezsek metnimiz otomatik olarak siyah gözükecektir.
Yazı Tipi olarak yazdıgım kısma ise Microsoft Office'de yer alan yazi tiplerinin tamamidir.(Tahoma , Verdana , Times New Roman
vb.) HTML kodlamasında yazı tipinin varsayilan degeri Times New Roman'dır. Bu ise kodlamalarda face komutu kullanilmazsa yazi tipinin otomatik olarak Times New Roman olacagini ifade eder.
Metin Büyüklüğü olarak yazdigim kisma ise 1-7 arasi rakamlar yerlestirilebilir. En büyük yazi puntosu 7 , en küçük yazi puntosu 1 rakamının kullanilmasiyla elde edilecektir. HTML'de yazi büyüklügünün varsayilan hali 3'dür. Yani size komutu kullanılmazsa yaziniz otomatik olarak 3 değerinde gözükecektir.
Bu günlük dersimiz de sona erdi , bir sonraki dersim "
Arka Plan ve Renk Kullanmak" hakkinda olacaktir.
İyi calismalar,,
TCB Group Admin |
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]