HTML'YE GİRİŞ

14/11/08

HTML'YE GİRİŞ
HTML, HyperText Markup Language, tarayıcı (browser)'lardan görebileceğimiz (Internet Explorer, Netscape gibi) internet dokümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı HTML'dir. Tarayıcı olmadan HTML kodları birşey ifade etmez.

HTML dokümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.HTML, *.sHTML gibi uzantılarla kaydedilir. Bunun için notepad, pico, wordpad gibi editörler yeterlidir. Bunların yanında Frontpage, Dreamweaver, Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır.

Her HTML dokümanı ile başlar ve ile biter. <> şeklinde görülen komutlara etiket (tag) adı verilir. Bir HTML dokümanı iki ana kısımdan oluşmaktadır: . . . etiketi arasında yer alan Başlık bölümü; . . . etiketleri arasında yer alan Gövde Bölümü. Başlık bölümü içine . . . etiketi konulur. title, tarayıcımızın en üstünde gözükür ve oluşturulan sayfanın başlığıdır.

Örnek:

Eğer hazırlanan sayfa Türkçe içerikli ise Türkçe karakterlerin (ç, ğ, ı, , ş, ö, ü) düzgün görünmesi için Başlık kısmı içerisine aşağıdaki meta etiketi eklenir. Meta etiketleri için detaylı bilgiye buradan ulaşabilirsiniz.

title etiketi ile başlığı belirttikten sonra Başlık bölümü kapatılır ve ana kısım olan Gövde' ye geçilir. Sayfamızda görüntülemek istediğimiz bütün bilgileri Gövde kısmına koyarız.

Herhangi bir web sayfasının HTML kodunu görmek istediğimiz zaman, farenin sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz.

Bir etiketin nasıl davranması gerektiği hakkında bilgi içeren etiketin içindeki metne Değişken denir. Aşağıdaki örnekte body etiketinin içindeki bgcolor ifadesi değişkendir ve arkaplan rengini belirler. Çoğu etiket isteğe bağlı olarak ya da gerektiği için bağımsız değişkenleri kabul eder.

Çift taraflı etiketler içiçe geçebilirler ama dikkat edilmesi gereken nokta en son açılan etiketin en önce kapatılmasıdır. Aşağıda yanlış ve doğru uyguluma örneği verilmiştir.

Bu bir yanlış örnektir.
Doğrusu budur.

ve

gibi tek taraflı etiketler ,
ve

şeklinde yazılmalıdır.

Başa Dön

--------------------------------------------------------------------------------

BASİT HTML ETİKETLERİ

Başlıklar:

6 çeşit başlık vardır:

,

, . . .

. Bunlardan en büyüğü

, en küçüğü ise

'dır.

HTML etiketi Etiketin Web Sayfasındaki görüntüsü

H1 ile yapılan başlık

H2 ile yapılan başlık

H3 ile yapılan başlık

H4 ile yapılan başlık

H5 ile yapılan başlık

H6 ile yapılan başlık

H1 ile yapılan başlık
H2 ile yapılan başlık
H3 ile yapılan başlık
H4 ile yapılan başlık
H5 ile yapılan başlık
H6 ile yapılan başlık

Paragraflar, Satır boşlukları ve Yatay Çizgiler:

Paragraflar

etiketiyle oluşturulur. Paragraf metni

ile

arasında yer alır. Örneğin:

Bu bir paragraftır.

Paragraf başlatmadan bir satır boşluğu yaratmak için
etiketi kullanılır. Örneğin:

Paragrafın ilk satırı.
Paragrafın ikinci satırı.

Sayfaya (aşağıdaki gibi) yatay çizgi eklemek için

etiketini kullanırız.

--------------------------------------------------------------------------------
HTML etiketi Etiketin Web Sayfasındaki görüntüsü

Birinci paragraf

İkinci paragraf

Üçüncü paragraf

Alt satır

Birinci paragraf

Ikinci paragraf

Üçüncü paragraf
Alt Satır

--------------------------------------------------------------------------------

Başa Dön

--------------------------------------------------------------------------------

METİNLER

. .

Color yazı karakterinin rengini, face yazi tipini (arial, verdana, tahoma gibi), size da boyutunu belirler. Size değişkeninde kullanılan rakam 1'den 7'ye kadardır.

etiketi HTML 4. 0 'da desteklenmemektedir ama yine de taracıyıcılar etiketi ile yapılmış biçimlendirmeyi destekler. Hala pek çok web sayfasında etiketi kullanılmaktadır. Başlangıç seviyesi için etiketi kullanmak yeterliyken ilerki seviyeler için stilleri kullanmanız tavsiye edilir. (Bkz: Gelişmiş HTML Dersi Stiller ve Satır İçi Kapsayıcıları Başlıkları)

Font etiketi ile birlikte aşağıdaki tabloda verilen etiketleri kullanarak sayfanızdaki metinleri biçimlendirebilirsiniz.

Etiket Açıklama Uygulama
. . Kalın biçimlendirme Metin
. . İtalik biçimlendirme Metin
. . Altı çizgili biçimlendirme Metin
^{. .} Üst simge X2
_{. .} Alt simge H2
. . Bilgisayar kodu biçimi Metin

. .

Alinti biçimi Metin

Not: Metin biçimlerken başladığınız etiketi kapatmayı unutmayın.

Renkler :

HTML dokümanlarında renkler ya İngilizce isimleriyle, ya da 16'lık sayı düzenindeki "hexadecimal" değerleriyle belirtilir.
En sık kullanılan ve hemen hemen bütün tarayıcıların desteklediği 16 renk aşağıdakilerdir:

Renk Renk adi: Renk Renk adi:
aqua black
blue fuchsia
gray green
lime maroon
navy olive
purple red
silver teal
white yellow

Web renkleri ile ilgili ayrıntılı bilgiyi buradan bulabilirsiniz.

Örnek :

Bu örnekte sayfanın arkaplan rengi yeşil olur.

aynı sonucu verir.

Örnek :

Font rengi "indigo" oldu. Etiketi kapattığımız için tekrar normale döndü.

Başa Dön
--------------------------------------------------------------------------------

LİNKLER:

Linkler . . . etiketi içinde, href="" komutuyla belirtilir.

Örnek:

ODTÜ Ana Sayfası

ODTÜ Ana Sayfası

Bu örnekte bir de target değişkeni verilmiştir. Adresi verilen web sayfasının başka bir pencerede açılmasını isterseniz target="_blank" komutunu eklemeniz gerekir. Aynı pencerede açılmasını isterseniz ilgili değişkeni target="_top" şeklinde yazabilirsiniz. Hiç bir şey yazılmazsa da sayfa aynı pencerede açılır.

title değişkenini kullanarak da fare linkin üzerine geldiğinde gözükecek link açıklamasını ekleyebilirsiniz. Aşağıdaki örnekte fareyle linkin üzerine gelip beklerseniz Orta Doğu Teknik Üniversitesi yazısını göreceksiniz.

Mustafa Dalcı

Mustafa Dalcı

Eğer hazırladığınız dokümanlar arasında bir bağlantı kurmak istiyorsanıiz, etiketini aşağıdaki gibi kullanmalısınız.

Önceki sayfa

Bir e-posta adresine link vermek istiyorsanız:

E-posta atmak için tıklayın.

E-posta atmak için tıklayın.

Bu linke tıklandığında bilgisayarda kurulu varsayılan e-posta okuma programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar.

Aynı doküman içinde bağlantı kurmak istersek tutturucu noktaları (anchor points) kullanırız. Tutturucu HTML sayfasında bir yer işaretidir. İsmi ile bir bölgeyi belirler ve bu tutturucuya bir link verebilirsiniz. Bu sayfadaki her konu başlığına bir tutturucu belirlenmiştir. Sayfa başındaki listede herhangi bir başlığa tıkladığınızda sayfa içindeki ilgili konu başlığına gider. Örnek olarak Resim Ekleme bölümüne gitmek için buraya tıklayabilirsiniz. Tutturucuların kullanımı aşağıdaki gibidir.

Linkler başlığına aşağıdaki gibi bir tutturucu belirleriz.

Linkler

Sayfanın herhangi bir bölümünde yukarıda belirlediğimiz tutturucuya aşağıdaki gibi link veririz

Linklere git

Sağ tarafta bulunan Başa Dön linkleri de bu şekilde hazırlanmıştır.

Başa Dön

14/11/08

RESİM EKLEME

Resim ekleme:

şeklinde olur. Dikkat etmemiz gereken kulanacağımız resmin dizin yapısıdır.

Bağımsız Değişkenler :

alt: Resme açıklama vermemizi sağlar. Fareyi resmin üstüne getirdiğimizde, alt değişkeninde yazılan açıklama ekranda çıkar. Eğer resim açılmazsa, onun yerine açıklama görünür.

src : Resim dosyasının kaynağını belirtir.

** Eğer web sayfasının arka planında bir imajın çıkması istenirse:

şeklinde yazılır.

Resimleri linke dönüştürmek için etiketi ile etiketini içiçe kullanırız.

Not: Resimlerin width ve height değişkenlerini belirtmeniz sayfanızın yüklenirken şeklinin bozulmasını önler.

Başa Dön

--------------------------------------------------------------------------------

LİSTELER:

Üç çesit liste vardır:
i. Sıralı Liste(Ordered List):

Örnek: HTML etiketi Etiketin Web Sayfasındaki görüntüsü

Kavurga
Çekirdek
Mısır
Cips

Bira
Votka
Şarap
Viski
Rakı

Çerezler:
Kavurga
Çekirdek
Mısır
Cips
Içkiler:
Bira
Votka
Şarap
Viski
Rakı

Örnekte görüldüğü gibi type değişkeni sıralı listenin türünü belirler. Type değişkeni için aşağıdaki değerlerden biri kullanılabilir:

type: {1, a, A, I, i}

Listeyi start değişkeni ile istediğimiz sayıdan baslatabiliriz:

Örnek: HTML etiketi Etiketin Web Sayfasındaki görüntüsü

Kavurga
Çekirdek
Mısır
Cips

Çerezler:
Kavurga
Çekirdek
Mısır
Cips

ii. Sırasız Liste(Unordered List):

Örnek: HTML etiketi Etiketin Web Sayfasındaki görüntüsü

Kavurga

Çekirdek

Mısır

Cips

Bira

Votka

Şarap

Viski

Rakı

Çerezler:
Kavurga
Çekirdek
Mısır
Cips
Içkiler:
Bira
Votka
Şarap
Viski
Rakı

Benzer şekilde burada da type değişkeni sırasız listenin işaretini belirler. Type değişkeni için aşağıdaki değerlerden biri kullanılabilir:

type:{square, disc, circle}

iii. Tanımlama Listeleri (Definition List):

Örnek: HTML etiketi Etiketin Web Sayfasındaki görüntüsü

Karbonhidrat ve ben: En çok bol karbonhidratlı yemekleri severim, özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mantıya da bayılırım.
Sebze ve ben: Sebzeyle aram pek iyi değildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun dışında dolma, sarma da güzeldir.
Et ve ben: Et seven bir insanimdir. Her çesit kebabi afiyetle yerim. Kırmızı olsun, beyaz olsun, hemen hemen bütün etleri yerim. Balık seçerim ama.

Karbonhidrat ve ben
En çok bol karbonhidratlı yemekleri severim, özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mantıya da bayılırım.
Sebze ve ben
Sebzeyle aram pek iyi değildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun dışında dolma, sarma da güzeldir.
Et ve ben
Et seven bir insanımdır. Her çesit kebabı afiyetle yerim. Kırmızı olsun, beyaz olsun, hemen hemen bütün etleri yerim. Balık seçerim ama.

Başa Dön

--------------------------------------------------------------------------------

TABLOLAR

Tablolar . . . .

etiketleri arasında oluşturulur. etiketinden sonra daima gelir. Her satır tanımlandığında , her hücre tanımlandığında da

etiketi kullanılır.

Örnek :

1. hücre	2. hücre	3. hücre
4. hücre	5. hücre	6. hücre

1. hücre 2. hücre 3. hücre
4. hücre 5. hücre 6. hücre

Bağımsız Değişkenler:

border : Çerçevenin kalınlığını belirler. border="0" dersek tabloda çerçeve bulunmaz, bu miktarı arttırdıkça çerçevenin kalınlığı da artar.

cellpadding , cellspacing : Hücre elemanlarının sınırlara olan uzaklığı cellpadding, satır ve sütunların uzaklığı ise cellspacing değişkeni ile belirtilir.

bgcolor: şeklinde kullanarak bütün tablo ya da etiketi silinir.

Örnek :

şeklinde sadece tek bir hücre renklendirilir.

align : Hücredeki elemanın yatay konumunu belirler ve "right, left, center" opsiyonları ile kullanılır.

valign : Hücre elemanının düşey konumunu belirler ve opsiyonları "top, bottom, middle"dır.

colspan , rowspan : Aynı satırdaki hücreleri birleştirmek için colspan, aynı sütundaki hücreleri birleştirmek için de rowspan değişkeni kullanılır. Birleştirilen hücreye ait

. .

1. hücre	2. hücre	3. hücre
4. hücre	5. hücre
4. hücre	6. hücre	7. hücre

1. hücre 2. hücre 3. hücre
4. hücre 5. hücre
6. hücre 7. hücre
S
--------------------------------------------------------------------------------

FORMLAR

Formlar etiketleri arasında oluşturulur. Form bilgilerini action değişkeninin içine yazdığınız dosyaya veri olarak gönderebilirsiniz. Formlar sayesinde anket ve geribildirim uygulamaları hazırlayabilirsiniz. Ayrıntılı bilgi için buraya tıklayın.

Örnek:

Isim/soyad :
Doğum yeri :
Doğum tarihi :
Cinsiyet : Erkek Kiz
Hobiler:
Müzik dinlemek
Mantı açmak
Bungee Jumping
Aikido
Halay çekmek
Diğer :

Şifrenizi giriniz:

action: Formun gönderileceği adresi belirtir.
method="get":Formdaki bilgiler başka bir dosyaya gönderilecekse kullanılır.
method="post":Formdaki bilgiler bir adrese postalanacaksa kullanılır.
type="text" : Tek satırlık bir metin alanı açar.
size="" :Bu metin alanının boyutunu belirler.
type="checkbox" : Çok seçenekli bir sorunun birden fazla yanıtını almamızı sağlar.
type="radio" : Tek seçenekli bir sorunun tek yanıtı alınır.
type="submit" : formu action'la belirtilen dosyaya yönlendiren bir buton yaratır.
type="reset" :Bu butona basınca form boş hale gelir
type="password" : Bir password alanı olusturur. Buraya girilen her karakter * şeklinde görünür.

:type="text" gibi tek satırlı değil de çok satırlı bir metin alanı istiyorsak bu etiketi kullaniriz. cols metin alanının uzunluğunu, rows ise yüksekliğini pixel cinsinden verir. <br /><br />Listeleme: <br /><br />Select ve option etiketlerini kullanarak seçimlik liste (menü) oluşturabiliriz. Option etiketi ile belirtilen her bir değer listenin bir elamanını oluşturur ve fareyle seçilen bu elemanlardan biri select etiketinde belirtilen değişkenin değeri haline gelir. <br /><br />Örnek: <br /><br /><select name="otolar"><br /><option>Alfa Romeo</option><br /><option>BMW</option><br /><option>Peugeot</option><br /><option>Renault</option><br /><option>Seat</option><br /><option>Lada</option><br /></select></span><span class="gensmall"></span></td>
</tr>
</table>      </td>
</tr>
<tr>
<td class="row2 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img src="https://2img.net/s/t/11/93/05/i_up_arrow.gif"   alt="Sayfa başına dön" loading="lazy" /></a> <a href="#bottom"><img src="https://2img.net/s/t/11/93/05/i_down_arrow.gif"   alt="Aşağa gitmek" loading="lazy" /></a></td>
<td class="row2 messaging" valign="bottom" nowrap="nowrap" width="100%" height="28"><div align="center">
<table width="18" border="0" cellspacing="0" cellpadding="0" height="18">
<tr>
<td valign="middle" nowrap="nowrap">    <a href="http://oyun.megabb.com" title="Kullanıcının web sitesini ziyaret et" target="_blank" rel="nofollow"><img src="https://2img.net/s/t/11/93/05/i_icon_www.gif"   alt="http://oyun.megabb.com" /></a>     
<script type="text/javascript" language="JavaScript"><!--

if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 ) {
document.write('');
} else {
document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute"></div><div style="position:absolute;left:3px;top:-1px"></div></div>');
}
//-->
</script>
<noscript>

</noscript>
</td>
</tr>
</table>
</div></td>
</tr>
<tr align="right">
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td width="9%"></td>
<td align="center" nowrap="nowrap"><a name="bottomtitle"></a><h1 class="cattitle">HTML'YE GİRİŞ</h1></td>
<td align="right" nowrap="nowrap" width="9%"><a href="/t243p-html-ye-giris"><img src="https://2img.net/s/t/11/93/05/i_left_arrow.gif"   alt="Önceki başlık" loading="lazy" /></a> <a href="/t243n-html-ye-giris"><img src="https://2img.net/s/t/11/93/05/i_right_arrow.gif"   alt="Sonraki başlık" loading="lazy" /></a> <a href="#top"><img src="https://2img.net/s/t/11/93/05/i_up_arrow.gif"   alt="Sayfa başına dön" loading="lazy" /></a> </td>
</table></td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td class="row2" valign="top" colspan="2" width="150"><span class="gensmall"><strong>1</strong> sayfadaki <strong>1</strong> sayfası</span></td>
</tr>
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall"></span></td>
</tr>
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<a name="quickreply"></a>
<br />
</td>
</tr>
<tbody id="info_open" style="display:''">
<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall"><strong>Bu forumun müsaadesi var:</strong></span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">Bu forumdaki mesajlara cevap <strong>veremezsiniz</strong><br /></span></td>
</tr>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum"></a><a class="nav" href=""></a> :: <a href="/c11-programlama" class="nav"><span>PROGRAMLAMA</span></a> :: <a href="/f33-asp-perl-php-html" class="nav"><span>ASP, PERL, PHP, HTML</span></a></span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="https://2img.net/s/t/11/93/05/i_tabs_less.gif" alt="-" align="middle" border="0"></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
<tbody id="info_close" style="display:none">
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum"></a><a class="nav" href=""></a> :: <a href="/c11-programlama" class="nav"><span>PROGRAMLAMA</span></a> :: <a href="/f33-asp-perl-php-html" class="nav"><span>ASP, PERL, PHP, HTML</span></a></span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="https://2img.net/s/t/11/93/05/i_tabs_more.gif" alt="+" align="middle" border="0"></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="2" align="center">
<tr>
<form action="/viewforum" method="get" name="jumpbox" onSubmit="if(document.jumpbox.f.value == -1){return false;}">
<td align="left" valign="middle" nowrap="nowrap" ><span class="nav">
</span>
</td>
</form>
</tr>
</table>
<script> 
window.onload = resizeimg; 
function resizeimg() 
{ 
if (document.getElementsByTagName) 
{ 
for (i=0; i<document.getElementsByTagName('img').length; i++) 
{ 
im = document.getElementsByTagName('img')[i]; 
if (im.width > 600) 
{ 
im.style.width = '600px'; 
eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")"); 
eval("im.onclick = pop" + String(i) + ";"); 
if (document.all) im.style.cursor = 'hand'; 
if (!document.all) im.style.cursor = 'pointer'; 
im.title = 'Büyük hali için Tıklayın.. '; 
} 
} 
} 
} 
</script><table class="forumline fa3f" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td style="background:#0e0e0e;padding:inherit 0"><table width="100%" cellspacing="1" cellpadding="1" border="0" style="background:#0e0e0e"><tr><td><div align="center"><div>    <div id="taboola-below-desktop-forum-thumbnails" style="max-width:1000px; background-color: #fffd"></div>
    <script type="text/javascript">
      window._taboola = window._taboola || [];
      _taboola.push({
        mode: 'thumbnails-desktop-a',
        container: 'taboola-below-desktop-forum-thumbnails',
        placement: 'Below Desktop Forum Thumbnails',
        target_type: 'mix'
      });
    </script></div></div></td></tr></table></td></tr></table><div style="height:3px"></div><center><a href="http://www.ortaksatis.com/affili.asp?aid=1468&banid=30" target="_blank"><img src="https://2img.net/h/www.ortaksatis.com/images/asp_468_60.gif" width="468" height="60" border="0"></a></center>
<center><table align="center" border="0" cellpadding="6" cellspacing="1" class="tborder" width="100%" id="table22">
<tr>
<td class="tcat"><span class="smallfont"><b><center><font color="white">(¯`·._.·Oº°[DOST SİTELER]°ºO·._.·´¯)</font></center></b></span></td>
<tr><td bgcolor="siyah"><center>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td width="15%"><div class="smallfont"><font color="white">Dost Siteleri</div></td></font>
<td width="15%"><div class="smallfont"><font color="white">Dost Siteleri</div></td></font>
<td width="15%"><div class="smallfont"><font color="white">Dost Siteleri</div></td></font>
<td width="15%"><div class="smallfont"><font color="white">Dost Siteleri</div></td></font>
<td width="15%"><div class="smallfont"><font color="white">Dost Siteleri</div></td></font>
<td width="15%"><div class="smallfont"><font color="white">Dost Siteleri</div></td></font>
</tr>
<tr>
<td width="15%" valign="top"><div class="smallfont">
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="http://www.cinarliforum.com" target="_blank"><font color="white">Çinarliforum</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="http://www.game.teamgoo.net" target="_blank"><font color="white">Game.team</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>                            <img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
</div></td>
<td width="15%" valign="top"><div class="smallfont">
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>                            <img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
</div></td>
<td width="15%" valign="top"><div class="smallfont">
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>                            <img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
</div></td>
<td width="15%" valign="top"><div class="smallfont">
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>                            <img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
</div></td>
<td width="15%" valign="top"><div class="smallfont">
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>                            <img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
</div></td>
<td width="15%" valign="top"><div class="smallfont">
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>                                    <img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
<img class="inlineimg" src="https://2img.net/r/ihimizer/img320/9596/star1eg.gif" alt="HTML'YE GİRİŞ Star1eg" border="0" width="16" height="16" /> <a href="profile.forum?mode=register" target="_blank"><font color="white">Site Ekle</a> <br /></font>
</div></td>
</tr>
</table></center><strong><a href="http://www.yetkinforum.com/forum-kurmak" target="_blank">Forum kurmak</a></strong> | <strong><a href="https://www.yetkinforum.com/directory/video-games" target="_blank">Video oyunları</a></strong> | <strong><a href="https://www.yetkinforum.com/directory/video-games/action" target="_blank">Action</a></strong> | <span class="gensmall">©</span><a href="https://www.yetkinforum.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://help.forumotion.com/" target="_blank">Bedava yardımlaşma forumu</a> | <a href="/abuse?page=%2Ft243-html-ye-giris&report=1" rel="nofollow">Suistimalı göstermek</a> | <strong><a href="/latest" target="_blank">Son tartışmalar</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://oyun-2-megabb.yetkin-forum.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'tr'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">
    var vglnk = { key: '9019de09e2fbd24ca1be00a9fededd9e' };

(function(d, t) {
        var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
        s.src = '//cdn.viglink.com/api/vglnk.js';
        var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
    }(document, 'script'));
</script>    <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script></body></html>