HTML DERS 4

12 Aralık 2010 Pazar

SAYFANIN TÜRKÇELEŞTİRİLMESİ


<head> è Sayfa hakkında bilgi içerir. Sayfada görüntülenmez.

<html>
<head>
<meta http-equiv=content-type content=text/html;charset=windows-1254>
<meta http-equiv=content-type content=text/html;charset=iso-8859-9>
<meta name=description content=”Bir cümle ile sitenin Tanmı”>
<meta name=keywords content= “Virgülle, ayrılmış, anahtar kelimeler”>
<title> Başlık </title>
</head>
<body>

</body>
</html>

RESİM EKLEMEK


Curdir è Current Directory

*.jpg, *.png, *.gif è İnternetteki Resim formatı olarak kullanılır.
*.bmp, *.tiff, *.eps, *.psd, *.cdr è Resim formatları da internette kullanılmaz.

JPG è Kalite önemli ise jpg formatı kullanılır. Fakat resimlerin arka kısmı kare şeklinde gelir.
GIF è Hareketli ve kenarları boş gelir. Yani kafa olduğu gibi gif formatında alınabilir.

Örn:
<html>
<head>
<meta http-equiv=content-type content=text/html;charset=windows-1254>
<meta http-equiv=content-type content=text/html;charset=iso-8859-9>
<meta name=description content=”Bir cümle ile sitenin Tanmı”>
<meta name=keywords content= “Virgülle, ayrılmış, anahtar kelimeler”>
<title> Resim Eklemek </title>
</head>
<body>
<img src=x.jpg>
<img src=x.jpg width=250 heigh=300>
<img src=bilgisayar.gif alt=”Güzel bir resim”>
<img src=bilgisayar.gif alt=”Güzel bir resim” width=450>
<a href=http://www.bilgiegitim.com><img src=bilgisayar.gif border=0 alt=”Güzel Bir Resim”> </a>

</body>
</html>

<img src=*.jpg>’nin Parametreleri

<img align=middle src= bilgisayar.jpg > è Yazı resmin ortasından hizalanarak yazılmaya başlar
<img align=top src =bilgisayar.gif > è Yazı resmin üstünden hizalanarak yazılmaya başlar
<img align=left src= bilgisayar.jpg> è Yazı resmin solundan yazılmaya başlar
<img align=right src= bilgisayar.jpg> è Yazı resmin sağından hizalanarak yazılmaya başlar
<img src= bilgisayar.gif alt=”???????? ?????” è Resmin üzerine gelince çıkması istenilen yazı
<img border=0 src=bilgisayar.gif> è Resmin etrafında çerçeve çıkmasını engeller.
 

TABLOLAR

<table>
<tr><td>                                              </td></tr>
<tr><td>                                  </td></tr>

Örnek:
<table border=1 width=500 height=300 bgcolor=green>
<tr><td>Hücre 1 </td><td>Hücre 2 </td></tr>
<tr><td>Hücre 3 </td><td> Hücre 4 </td></tr>
</table>

<tr> è Satır açar     
<td> è Sütun açar   

<table> Takısının Parametreleri

<table border=1> è Bu parametre hücrenin ve tablonun etrafındaki çerçevenin kalınlığını ayarlamak için kullanılır.
<table width=100> è Tablonun pixel cinsinden genişliğini ayarlamak için kullanılır.
<table height=50> è Tablonun pixel cinsinden yüksekliğini ayarlamak için kullanılır.
<table cellspacing=2> è Tablonun içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını pixel olarak ayarlamak için kullanılır.
<table cellpadding=5> è Hücrelerin içerisindeki metin, resim, v.s gibi web sayfası öğelerinin hücre sınırlarından uzaklıklarını ayarlamak için kullanılır.
<table bgcolor=ffff00> è Tablonun genel arka plan rengini belirlemek için kullanılır.
<table align=left> ; <table align=right>; <table align=center>è Tablonun konumunu ayarlamayı sağlar.
<table background=tugla.gif> è  Tablonun arkasına resim konulabilir.
< table bgcolor=ffff00 > è Tablonun arka zemin rengini ayarlar.

<td> Takısının Parametreleri
Burada parametre kullanarak Tablo’nun hücrelerinin içeriğini sağa, sola veya ortaya yaslayabilir. Hücrelerin arka plan renklerini ayrı ayrı değiştirebiliriz.

<td align=left> right; center è Hücrenin içerisinde yer alan metin, resim, grafik vs. gibi web sayfası öğelerini sola, sağa veya ortaya hizalayabiliriz.
<td bgcolor=00ffff> è Hücrenin arka plan rengini, diğer hücrelerden veya tablonun genel arka planından bağımsız olarak değiştirir.
<td width=250> è Hücre genişliğini belirlemek için kullanılır.
<td colspan=2> è Bu hücrenin genişliğinin 2 sütun genişliğinde olduğunu gösterir.
<td rowspan=2> è Bu hücrenin yüksekliğinin 2 satır yüksekliğinde olduğunu gösterir.
<td background=hasan.gif> è Hücrenin arka planına bir resim yerleştirir.

Örnek:
<table bordercolor=lightblue cellspacing=4 width=500>
<tr><td> A </td><td> B </td><td> C </td></tr>
<tr><td> D </td><td> E </td><td> F </td></tr>
<tr><td> G </td><td> H </td><td> I </td></tr>
</table>





 

 



è Rowspan     è Colspan
 
<body>
<table border=1>
<tr><td>A</td><td>B</td><td rowspan=2>C</td></tr>
<tr><td>D</td><td>E</td></tr>
<tr><td colspan=3>F</td></tr>

A
B
C
D
E
F



colspan è Sütun Birleştir
rowspan è Satır Birleştirir

0 yorum: