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

  • 0 replies
  • 16966 views

0 Üye ve 11 Ziyaretçi konuyu incelemekte.

*

Çevrimdışı gece_mavisi

  • *
  • 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: Linkleri gorebilmeniz icin izniniz yok! Uye ol veya Giris yap
<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: Linkleri gorebilmeniz icin izniniz yok! Uye ol veya Giris yap
<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.
Linkleri gorebilmeniz icin izniniz yok! Uye ol veya Giris yap
 
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: Linkleri gorebilmeniz icin izniniz yok! Uye ol veya Giris yap
<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: Linkleri gorebilmeniz icin izniniz yok! Uye ol veya Giris yap
<b>Yazınızı buraya yazacaksınız</b>
Yazınızı buraya yazacaksınız
 

Eğik (İtalik) yazı :
Kod: Linkleri gorebilmeniz icin izniniz yok! Uye ol veya Giris yap
<i>Yazınızı buraya yazacaksınız</i>

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


Altı çizgili (underline) yazı :
Kod: Linkleri gorebilmeniz icin izniniz yok! Uye ol veya Giris yap
<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.

 

Bunlarda İlginizi Çekebilir

  Konu / Başlatan replies Son İleti
0 replies
2135 views
Son İleti 10 Aralık 2010, 19:04:51
Gönderen: D®agon
0 replies
2283 views
Son İleti 14 Ocak 2011, 20:22:27
Gönderen: D®agon
0 replies
6071 views
Son İleti 14 Ocak 2011, 21:38:31
Gönderen: D®agon
0 replies
2165 views
Son İleti 10 Şubat 2011, 10:05:29
Gönderen: busegül
0 replies
3984 views
Son İleti 20 Şubat 2011, 12:54:31
Gönderen: busegül
0 replies
2722 views
Son İleti 21 Şubat 2011, 20:05:05
Gönderen: busegül
0 replies
2719 views
Son İleti 17 Mayıs 2012, 21:35:29
Gönderen: busegül
0 replies
346 views
Son İleti 18 Şubat 2017, 10:27:23
Gönderen: kardelen
0 replies
13 views
Son İleti 24 Temmuz 2019, 12:51:04
Gönderen: Ders Hocası
0 replies
18 views
Son İleti 24 Temmuz 2019, 12:56:39
Gönderen: Ders Hocası