Yazı (Tip, Renk, Büyüklük)
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.
<html>
<head>
<title> UzmanWeb </title>
</head>
<body>
Resmimizin boyutlarını da belirleyebiliriz.
Bunun için resmin genişliğini ve yüksekliğini yazmamız gerekir. "width=230 height=252" etiketlerini kodumuza ekleriz.
<img src="cicek.jpg" width=230 height=252>
Resmin üzerine gelince görünen yazı
Sayfalarımızın daha güzel görünmesi için grafiklere ihtiyacımız vardır. Bu grafiklere biz resim diyelim:) Mesela buttonlar yaptık bunları nasıl yerleştireceğiz? Gelin şimdi bunu öğrenelim...
Resimleri sayfamıza yerleştirmeye yarayan etiketimiz img src="resmin adı" etiketidir. Tırnak işaretlerinin arasına koyacağımız resmin adını yazarız. Şimdi bunu bir örnekle gösterelim:
Resim ekliyoruz
<html>
<head>
<title>Sayfamızda Resim </title>
</head>
<body>
<p><img src="cicek.jpg">
</body>
</html>
Evet işte oldu sayfamıza resmimizi yerleştirdik. Ama şimdi sadece solda duruyor.
<font size="4" face="Arial" color="red">UzmanWeb seni çok seviyoruz</font>
</body>
</html>
İsterseniz yaptığımızın neye benzediğine bakalım.
üstte explorar sayfasında UzmanWeb sayfada ise ;
UzmanWeb seni çok seviyoruz
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> UzmanWeb </h1>
<h2> UzmanWeb </h2>
<h3> UzmanWeb </h3>
<h4> UzmanWeb </h4>
<h5> UzmanWeb </h5>
<h6> UzmanWeb </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
Diğer renklerin İngilizce yazılışları ve kodları için bu sayfaya bakabilirsiniz. Renklerle ilgili ilginizi çekebilecek ayrıntılar için de buraya bir ara göz atın.
Kodlarla yazmak istiyorsanız,
color="#FF0000" renk adı yerine kod yazmanız gerekir.
red - #ff0000
blue - #0000ff
yellow - #ffff00
white - #ffffff
black - #000000
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.
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ı
[b]Yazınızı buraya yazacaksınız[/b]
Yazıyı eğik yazmak için kullanacağınız kod ise böyle...
Eğik (İtalik) yazı
[i]Yazınızı buraya yazacaksınız[/i]
Yazınızın altına çizgi çekmek istiyorsanız bu kodu kullanacaksı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 ...
Altı çizgili (underline) yazı
[u]Yazınızı buraya yazacaksınız[/u]
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.
[i]Yazınızı buraya yazacaksınız[/i]