Html dilinde Yazı (Tip, Renk, Büyüklük)

0 Üye ve 2 Ziyaretçi konuyu incelemekte.

Çevrimdışı gece_mavisi

  • *****
  • Join Date: Eyl 2008
  • Yer: Bursa
  • 3684
  • +299/-0
  • Cinsiyet: Bay
    • Uyanan Gençlik
Html dilinde Yazı (Tip, Renk, Büyüklük)
« : 16 Aralık 2010, 02:39:36 »
Yazılar aşağıdaki komutlar içine yazılır.
 
<font> ............... </font>
Yazının büyüklüğü için "size"
yazı tipi için "face"
Yazı rengi için "color" komutlarını kullanmanız gerekir.

Aşağıdaki örneği yazın:
 
<font size="3" face="Arial" color="red">UzmanWeb seni çok seviyoruz</font>
Yazıların yerinin <body> komutundan sonra gelmesi gerektiğini unutmayın.   

Kod: You are not allowed to view links. Register or Login
<html>
<head>
<title> Uyanan Gençlik </title>
</head>
<body>

Her şey senin rızan için Allahım

</body>
</html>

 İsterseniz yaptığımızın neye benzediğine bakalım.
 
Üstteki kodları explorar sayfasında index.html şeklinde kaydedip açarsak bakarsak:

Uyanan Gençlik Her şey senin rızan için Allahım


Şeklinde görülür.


YAZI BÜYÜKLÜĞÜ:

font size="4" 5 yerine 2, 3, 4, 6 yazabilirsiniz.

Ayrıca yazınızı aşağıdaki kodların arasına da yazabilirsiniz.. Yine aşağıda gördüğünüz büyüklüklerde görünür.

<h1> Uyanan Gençlik </h1>
<h2> Uyanan Gençlik  </h2>
<h3> Uyanan Gençlik  </h3>
<h4> Uyanan Gençlik  </h4>
<h5> Uyanan Gençlik  </h5>
<h6> Uyanan Gençlik  </h6>


YAZI RENGİ

Renkler için ya renk kodunu ya da ingilizce adını yazmalısınız.
color="red" yerine, farklı renk isimleri yazın.

red - kırmızı
blue - mavi
yellow - sarı
white - beyaz
black - siyah
navy - lacivert
pink - pembe
green - yeşil

Kodlarla yazmak istiyorsanız,
color="#FF0000" renk adı yerine kod yazmanız gerekir.

red - #ff0000
blue - #0000ff
yellow - #ffff00
white - #ffffff
black - #000000

örnek:
Kod: You are not allowed to view links. Register or Login
<html>
<head>
<title> Uyanan Gençlik </title>
</head>
<body>
<font size="5" color="green">Uyanan Gençlik</color></font>
</body>
</html>

Explorer görünümü:

Uyanan Gençlik Uyanan Gençlik

Diğer renklerin kodları için bu sayfaya bakabilirsiniz.
You are not allowed to view links. Register or Login
 
Dikkat ettiyseniz color=" " tırnak işaretleri arasında renk adını kullanırken # işaretini yazmıyoruz. Onu sadece renk kodlarını yazarken kullanıyoruz.


YAZI TİPİ

face="Arial" yerine Verdana, Arial Narrow, Times New Roman, Comic Sans MS, Helvetica, sans-serif, gibi yazı tipi adlarını yazarsanız yazınız o biçimde görünecektir.

Şimdi hepsini içeren bir örnek yapacak olursak:


Kod: You are not allowed to view links. Register or Login
<html>
<head>
<title> Uyanan Gençlik </title>
</head>
<body>
<font size="4" face="Helvetica" color="pink">Her şey senin rızan için Allahım</font>
</body>
</html>

Explorer Görünümü:

Uyanan Gençlik Her şey senin rızan için Allahım

Kalın, eğik ve altı çizgili yazmak

Bazen yazımızın diğer yazılardan ayrılması için onu daha belirgin yapmamız gerekir.
Bunun adı: "Bold" yapmak, yani yazıyı daha kalın ve siyah yazmak.

 
Kalın (Bold) yazı :
Kod: You are not allowed to view links. Register or Login
<b>Yazınızı buraya yazacaksınız</b>
Yazınızı buraya yazacaksınız
 

Eğik (İtalik) yazı :
Kod: You are not allowed to view links. Register or Login
<i>Yazınızı buraya yazacaksınız</i>

Yazınızı buraya yazacaksınız


Altı çizgili (underline) yazı :
Kod: You are not allowed to view links. Register or Login
<u>Yazınızı buraya yazacaksınız</u>Yazınızın altına çizgi çekmek istiyorsanız bu kodu kullanacaksınız.

Yazınızı buraya yazacaksınız

Ama dikkat etmeniz gereken birşey var. Biliyorsunuz, link verilen kelimelerin de altı çizgili oluyor.
Yani altı çizgili bir kelime gördüğümüzde aklımıza gelen şey başka bir sayfaya gidecek olmamız.
Siz link vermediğiniz kelimeleri altı çizgili yaparsanız, insanları yanıltmış olacaksınız. Onun için dikkat edin.
 
Peki... Hem kalın hem eğik yazmak istersek ne yapacağız?
O zaman her iki kodu da peşpeşe kullanacağız.
Yani ne kadar özellik vermek istiyorsak onların hepsini kod olarak peşpeşe yazabiliriz.
Ama kodları kapatmayı hiçbir zaman unutmayın.