Gönderen Konu: Html dilinde Yazı (Tip, Renk, Büyüklük)  (Okunma sayısı 22903 defa)

0 Üye ve 2 Ziyaretçi konuyu incelemekte.

Çevrimdışı gece_mavisi

  • Tecrübeli üye
  • *****
  • İleti: 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. 

[code]
<html>
<head>
<title> Uyanan Gençlik </title>
</head>
<body>

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

</body>
</html>[/code]

İsterseniz yaptığımızın neye benzediğine bakalım.

Üstteki kodları explorar sayfasında index.html şeklinde kaydedip açarsak bakarsak:

[html] Uyanan Gençlik Her şey senin rızan için Allahım [/html]



Şeklinde görülür.


[b][color=blue]YAZI BÜYÜKLÜĞÜ:[/color][/b]

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.

[size=8pt]<h1> Uyanan Gençlik </h1>[/size]
[size=10pt]<h2> Uyanan Gençlik  </h2>[/size]
[size=12pt]<h3> Uyanan Gençlik  </h3>[/size]
[size=14pt]<h4> Uyanan Gençlik  </h4>[/size]
[size=16pt]<h5> Uyanan Gençlik  </h5>[/size]
[size=18pt]<h6> Uyanan Gençlik  </h6> [/size]


[b][color=blue]YAZI RENGİ[/color][/b]

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.

[color=red]red[/color] - #ff0000
[color=blue]blue[/color] - #0000ff
[color=yellow]yellow[/color] - #ffff00
[color=white]white[/color] - #ffffff
[color=black]black[/color] - #000000

örnek:
[code]<html>
<head>
<title> Uyanan Gençlik </title>
</head>
<body>
<font size="5" color="green">Uyanan Gençlik</color></font>
</body>
</html>[/code]

Explorer görünümü:

[html] Uyanan Gençlik Uyanan Gençlik [/html]


Diğer renklerin kodları için bu sayfaya bakabilirsiniz.
[url=http://www.uyanangenclik.com/html/renkkodlarihtml.html]http://www.uyanangenclik.com/html/renkkodlarihtml.html[/url]

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.


[b][color=blue]YAZI TİPİ[/color][/b]

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:


[code]<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>[/code]

Explorer Görünümü:

[html] Uyanan Gençlik Her şey senin rızan için Allahım [/html]


[b][color=blue]Kalın, eğik ve altı çizgili yazmak[/color][/b]

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.


[color=red]Kalın (Bold) yazı :[/color] [code]<b>Yazınızı buraya yazacaksınız</b> [/code]

[b]Yazınızı buraya yazacaksınız[/b]


[color=red]Eğik (İtalik) yazı : [/color][code]<i>Yazınızı buraya yazacaksınız</i>[/code]


[i]Yazınızı buraya yazacaksınız[/i]


[color=red]Altı çizgili (underline) yazı :[/color] [code]<u>Yazınızı buraya yazacaksınız</u>[/code]
Yazınızın altına çizgi çekmek istiyorsanız bu kodu kullanacaksınız.

[u]Yazınızı buraya yazacaksınız[/u]

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.

 

Voiser