Hoş geldiniz! Üye Girişi yapın veya Ücretsiz Kayıt olun.  |   Site Haritası  |  Yardım
Yardım > Satıcı Rehberi > Ürün listelemek > HTML teknikleri
Bize Ulaşın

Son DuyurularSon Duyurular

Bugün Alın %8 Daha Az Ödeyin!


GittiGidiyor olarak 8. yaşımızda Türkiye'nin en hızlı büyüyen 8. teknoloji şirketi olma başarısını %8 indirimle kutluyoruz.

IBAN uygulaması başlıyor!


1 Ocak 2010 tarihinden itibaren IBAN (Uluslararası Banka Hesap Numarası) uygulamasına yasal zorunluluk...

Detaylar için tıklayınız...

  • Yardım Sayfalarında AramaYardım Sayfalarında Arama

HTML teknikleriHTML teknikleri


HTML Teknikleri



Kelimelerin önemini belirtin!
Komut Kullanımı Ekrandaki görünüşü
<b></b>
<b>Teklif verin!</b>
Teklif verin!
<i></i>
<i>Teklif verin!</i>
Teklif verin!
<u></u>
<u>Teklif verin!</u>
Teklif verin!

Kelimelerin ve Rakamların yazılışları!

Komut Kullanımı Ekrandaki görünüşü
<tt></tt> <tt>Teklif verin!</tt> Teklif verin!
<big></big> <big>Teklif verin!</big> Teklif verin!
<small></small> <small>Teklif verin!</small> Teklif verin!
<strike></strike> <strike>100.00</strike> 100.00
<span style="text-decoration: overline"></span> <span style="text-decoration: overline">100.00 </span> 100.00
<sup></sup> 10<sup>2</sup> 102
<sub></sub> 10<sub>2</sub> 102
<span style="font-variant: small-caps"></span> T<span style="font-variant: small-caps">eklif verin! </span> Teklif verin!
<span style="text-transform: uppercase"></span> <span style="text-transform: uppercase">teklif verin!</span> teklif verin!
<span style="text-transform: capitalize"></span> <span style="text-transform: capitalize">teklif verin!</span> teklif verin!
<bdo dir="rtl"></bdo> <bdo dir="rtl">Teklif verin!</bdo> Teklif verin!

 

Paragraf başları, satır atlama ve çizgi çekme!
Paragraf başı ve sonunda <p> </p> komutlarrını kullanın
Fazla satır aralığı bırakmadan alt satıra geçmek için <br> komutunu kullanın
Yatay çizgi çekmek için <hr> komutu en kolayıdır.
<hr color="RENK " > Komutu ile yatay çizginizi renklendirebilirsiniz. RENK yazan yere aşağıda belirtilen renk adlarını yada renk kodlarını yazmanız gerekmektedir.
Diğer Renk Kodlarını görmek için lütfen tıklayınız!
<pre></pre> Komutu yazınızın sizin yazmış olduğunuz format ile yayınlanmasını sağlar.Aksi taktirde gerekli kodlar yazılmadıkça yazınız devam eden satır olarak görüntülenecektir.
<blockquote> </blockquote> Komutu uzun bir alıntı satırı yazıldığını tanımlar ve içine yazmış olduğunuz paragrafınızın her iki tarafına boşluk koyar.
<dl> Komutu bir tanımlama listesi oluşturacağınızı tanımlar.<dt></dt> Komutu tanımlama listesindeki terimin yazıldığı kısımdır.<dd></dd> Komutu ise terimin açıklamasının yazıldığı bölümdür ve en sonunda </dl> komutu ile kapatılır ve özel formatlı görüntülenir.
<fieldset> </fieldset> Komutu içeriğinde yazılanların etrafına bir kutu çizgisi çizer.<legend></legend> Bu komut ise kutu çizgisinin yukarısında Başlık bilgisinin yer almasını sağlar.


Komut Kullanımı Ekrandaki görünüşü
<p> </p> <p>Teklif verin! </p>
<p> Bu fırsat kaçmaz! </p>

Teklif verin!

Bu fırsat kaçmaz!
<br> Teklif verin! <br> Bu fırsat kaçmaz! Teklif verin!
Bu fırsat kaçmaz!
<hr> Teklif verin! <hr> Bu fırsat kaçmaz! Teklif verin!
Bu fırsat kaçmaz!
<hr color=RENK > Teklif verin! <hr color=red > Bu fırsat kaçmaz! Teklif verin!
Bu fırsat kaçmaz!
<pre></pre> <pre>
Hemen teklif ver ve
kazan!
Hemen teklif
ver ve kazan! Hemen
teklif ver ve
kazan!
Hemen teklif ver
ve kazan!</pre>		 Hemen teklif ver ve
kazan!
Hemen teklif
ver ve kazan! Hemen
teklif ver ve
kazan!
Hemen teklif ver
ve kazan!
<blockquote> </blockquote> <blockquote>Hemen teklif ver ve kazan! Hemen teklif ver ve kazan! Hemen teklif ver ve kazan! Hemen teklif ver ve kazan! </blockquote>
Hemen teklif ver ve kazan! Hemen teklif ver ve kazan! Hemen teklif ver ve kazan! Hemen teklif ver ve kazan!
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl> 		<dl>
<dt>Cep Telefonları </dt>
<dd>Cep telefonu veya cep telefonu aksesuarı mı arıyorsunuz?</dd>
<dt>Elektronik</dt>
<dd>Elektronik kategorisinde iPod, Lcd TV, Ev sinema sistemleri</dd>
</dl>
Cep Telefonları
Cep telefonu veya cep telefonu aksesuarı mı arıyorsunuz?
Elektronik
Elektronik kategorisinde iPod, Lcd TV, Ev sinema sistemleri
<fieldset>
</fieldset>		 <fieldset>
Hemen Teklif ver ve Hemen Kazan!Hemen Teklif ver ve Hemen Kazan! </fieldset>
Hemen Teklif ver ve Hemen Kazan!Hemen Teklif ver ve Hemen Kazan!
<fieldset>
<legend></legend>
</fieldset>		 <fieldset>
<legend>Başlık</legend>
Hemen Teklif ver ve Hemen Kazan!Hemen Teklif ver ve Hemen Kazan!</fieldset>
BaşlıkHemen Teklif ver ve Hemen Kazan!Hemen Teklif ver ve Hemen Kazan!


Altı farklı büyüklükte başlık atın!

Komut Kullanımı Ekrandaki görünüşü
<h1></h1> <h1>Teklif verin!</h1>

Teklif verin!
<h1 style="color:RENK"> </h1> <h1style="color:red">Teklif verin!</h1>

Teklif verin!
<h2></h2> <h2>Teklif verin!</h2>

Teklif verin!
<h3></h3> <h3>Teklif verin!</h3>

Teklif verin!
<h4></h4> <h4>Teklif verin!</h4>

Teklif verin!
<h5></h5> <h5>Teklif verin!</h5>
Teklif verin!
<h6></h6> <h6>Teklif verin!</h6>
Teklif verin!

Kelimelerin yazılışları!

Komut Kullanımı Ekrandaki görünüşü
<strong></strong> <strong>Teklif verin!</strong> Teklif verin!
<em></em> <em>Teklif verin!</em> Teklif verin!
<samp></samp> <samp>Teklif verin!</samp> Teklif verin!
<span style="letter-spacing: 1pt"></span> <span style="letter-spacing: 1pt">Teklif verin!</span> Teklif verin!
<span style="letter-spacing: -1pt"></span> <span style="letter-spacing: -1pt">Teklif verin!</span> Teklif verin!
<span style="vertical-align: sub"></<span> Teklif <span style="vertical-align: sub">verin!</span> Teklif verin!
<span style="vertical-align: super"></<span> Teklif <span style="vertical-align: super">verin!</<span> Teklif verin!


Yazı tipleri!

Yazı karakterlerinin büyüklüğünü istediğiniz büyüklükte yazabilirsiniz :


Komut Kullanımı Ekrandaki görünüşü
<font size="Büyüklüğü"></font> <font size="1">Teklif ver!</font> Teklif ver!
<font size="Büyüklüğü"></font> <font size="2">Teklif ver!</font> Teklif ver!
<font size="Büyüklüğü"></font> <font size="3">Teklif ver!</font> Teklif ver!
<font size="Büyüklüğü"></font> <font size="4">Teklif ver!</font> Teklif ver!
<font size="Büyüklüğü"></font> <font size="5">Teklif ver!</font> Teklif ver!

Yazınızın tipini kendiniz seçebilirsiniz :


Komut Kullanımı Ekrandaki görünüşü
<font face="Times New Roman"></font> <font face="Times New Roman">Teklif Ver!</font> Teklif Ver!
<font face="Arial"></font> <font face="Arial">Teklif Ver!</font> Teklif Ver!
<font face="Verdana"></font> <font face="Verdana">Teklif Ver!</font> Teklif Ver!
<font face="Tahoma"></font> <font face="Tahoma">Teklif Ver!</font> Teklif Ver!
<font face="Courier New"></font> <font face="Courier New">Teklif Ver!</font> Teklif Ver!
<font face="MS Sans Serif"></font> <font face="MS Sans Serif">Teklif Ver!</font> Teklif Ver!
<font face="Terminal"></font> <font face="Terminal">Teklif Ver!</font> Teklif Ver!


Renkleri kullanın!

Renk kodlarını veya aşağıdaki gibi direk isimlerini yazabilirsiniz :
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow.
 

Komut Kullanımı Ekrandaki görünüşü
<font color=color> </font> Hemen <font color=green>
teklif ver</font> ve kazan!		 Hemen teklif ver ve kazan!
<font color=color> </font> Hemen <font color=blue>
teklif ver</font> ve kazan!		 Hemen teklif ver ve kazan!


Yazınızı Sola, Ortaya, Sağa hizalayın!

Komut Kullanımı Ekrandaki görünüşü
<center>
</center>		 <center>Teklif VER!</center>
Teklif VER!
<div align="left"></div> <div align="left">Teklif VER!</div>
Teklif VER!
<div align="right"></div> <div align="right">Teklif VER!</div>
Teklif VER!
<span style="text-align:left"></span> <span style="text-align:left">Teklif VER!</span> Teklif VER!
<span style="text-align:right"></span> <span style="text-align:right">Teklif VER!</span> Teklif VER!


Listelerinizi maddeleyin!

Her maddeyi numaralamak için <ol> komutunu listenin en başında kullanın.
Her madde başına düğme yapmak için <ul> komutunu listenin en başında kullanın.
Her satır başında <li> ve sonunda </li> komutunu kullanmalısınız.
 

Komut Kullanımı Ekrandaki görünüşü
<ul></ul> Ürünüm:
<ul>
  <li>Yeni</li>
  <li>Garantilidir</li>
</ul> 		Ürünüm:
  • Yeni
  • Garantilidir
<ol></ol> Ürünüm:
<ol>
  <li>Yeni</li>
  <li>Garantilidir</li>
</ol> 		Ürünüm:
  1. Yeni
  2. Garantilidir


Ürününüze ikinci resminizi de ekleyin!

 <img>  komutu, resminizin çağırılacağı web adresini tanımlar.


Komut Kullanımı Ekrandaki görünüşü
<img> <img src="http://www.siteadi.com/images/urun_resminiz.jpg"> Bu satırı koyduğunuz yerde ürün resminiz görünür.


Diğer ürünlerinize link verin!
Aşağıdaki satırda, " kullanıcı adınız " yazan yere kendi kullanıcı adınızı yazmanız yeterlidir.


Komut Kullanımı
<a href="URL ">Link</a> <a href="http://www.gittigidiyor.com/main/search.php?aramasatici=kullanıcıadınız"> Diğer ürünlerime de bakın</a>


Kayan yazı oluşturun!
<marquee></marquee> Komutu ile kayan yazı oluşturabilirsiniz.İçerisine yazacağınız yazı yada çağıracağınız resim sağdan sola doğru kayarak görüntülenecektir.
<marquee width="50%" > Width komutu ise kayan yazının genişiliğini belirler. içerisinde bulunduğu bölümün yazılan yüzdelik oranda yada rakam değerindeki genişliğini kaplayarak kayar.
<marquee height="50%" > Height komutu ise kayan yazının yüksekliğini belirler. içerisinde bulunduğu bölümün yazılan yüzdelik oranda yada rakam değerindeki yüksekliğini kaplayarak kayar.
<marquee bgcolor=Renk > Bgcolor komutu ise kayan yazının arkaplan rengini belirler. Renk ile işaret edilen yere yazılacak renk adı yada renk kodu kayan yazının arkaplan rengidir.
Diğer Renk Kodlarını görmek için lütfen tıklayınız!


Komut Ekrandaki görünüşü
<marquee>KAYAN YAZI </marquee> KAYAN YAZI
<marquee width="50%" >KAYAN YAZI </marquee> KAYAN YAZI
<marquee width="100" height="100" bgcolor=pink>KAYAN YAZI </marquee> KAYAN YAZI


Tablolar ile istediğiniz sayfa düzenini oluşturun!
<table></table> Tablo , <tr></tr> Tablo satırı , <td></td> Tablo kolonu komutlarıyla istediğiniz satırda ve kolonda yani istediğiniz sayıda kutuya sahip tablolar oluşturabilirsiniz.
<table border="1" > Komutunda border="1" bölümü tablonuzdaki kutulara kenarlık çizgisi ekler.Rakam yazılan yer kenarlığın kalınlığını göstermektedir.
<table width="100%" > Komutu tablonuzun genişliğinin içinde bulunduğu bölümü 100% oranda kaplamasını sağlar.
<table border = "1" bgcolor=RENK> Bgcolor komutu arkaplan rengini belirler. RENK yazan kısma aşağıda yer alan renk adlarından yada renk kodlarından birini yazmak gerekmektedir.
Bgcolor <table border = "1" bgcolor=RENK> tablo oluşturma komutunun içinde yer alıyorsa tablonun arkaplan rengini , <tr bgcolor=RENK> satır oluşturma komutunun içinde yer alıyorsa o satırın arkaplan rengini , <td bgcolor=RENK> sütun oluşturma komutunun içinde yer alıyorsa o hücrenin arkaplan rengini etkilemektedir. Diğer Renk Kodlarını görmek için lütfen tıklayınız!
<table align="left"> , <table align="center"> , <table align="right"> komutları tablonuzun içinde bulunduğu bölümde hizalanmasını sağlar. Left sola , Center ortaya , Right sağa hizalar.
<td align="left"> , <td align="center"> , <td align="right"> komutları belirtilen kolonun içerdiği yazıların hizalanmasını sağlar.
<caption></caption> Komutu tablonuza başlık eklemenizi sağlar.Eğer bu komutu kullanacaksanız <table border="1"> ile tablonuzu tanımladığınız kodunuzun hemen altına yazmanız gerekmektedir.
<table border="1"></table> Tablo komutunuzun içine yazacağınız <thead></thead> , <tbody></tbody> , <tfoot></tfoot> komutları içlerine yazacağınız satır <tr></tr>komutlarınızı gruplar. <thead> komutu içinde grupladığı satırların tablonun yukarısında yani başında yer almasını ,
<tbody> komutu içinde grupladığı satırların tablonun ortasında yani gövdesinde yer almasını,
<tfoot> komutu içinde grupladığı satırların tablonun aşağısında yani en alt kısmında yer almasını sağlar.
<tr></tr> Tablo satırı oluşturma komutunun içine yazacağınız <th></th> komutu başlık kolonu eklemeyi sağlar.Böylece bir alt satırının aynı kolonunun Başlığı olur ve içerisindeki yazı kalın (bold) olarak görüntülenir.
Tablo = Table , Satır = Row , Sütun (Kolon) = Column , Hücre = Cell , Çerçeve = Border , Kalın = Bold, Genişlik = Width , Yükseklik = Height , Hizalama = Align , Sol = Left , Orta = Center , Sağ = Right


Komut Ekrandaki görünüşü
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Cell A Cell B
<table border = "1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Cell A Cell B
<table border = "3">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Cell A Cell B

<table border = "1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
<td>Cell C</td>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
<td>Cell C</td>
</tr>
</table>
Cell A Cell B Cell C
Cell A Cell B Cell C
<table border = "1" width="100%">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Cell A Cell B

<table border = "1" bgcolor=red>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
<tr>
<td>Cell C </td>
<td>Cell D </td>
</tr>
</table>
Cell A Cell B
Cell C Cell D
<table border = "1">
<tr bgcolor="#CC66FF">
<td>Cell A</td>
<td>Cell B</td>
</tr>
<tr>
<td>Cell C </td>
<td>Cell D </td>
</tr>
</table>
Cell A Cell B
Cell C Cell D
<table border = "1">
<tr>
<td bgcolor="#FF6699">Cell A</td>
<td>Cell B</td>
</tr>
<tr>
<td>Cell C </td>
<td>Cell D </td>
</tr>
</table>
Cell A Cell B
Cell C Cell D
<table border = "1" align="center">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Cell A Cell B
<table border = "1" width="75%" >
<tr>
<td align="center" >Cell A</td>
<td>Cell B</td>
</tr>
</table>
Cell A Cell B

<table border="1" width="75%">
<caption>Burası Başlıktır </caption>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>
Burası Başlıktır
Cell 1 Cell 2
<table border = "1">
<thead>
<tr>
<td>This text is in the THEAD</td>
</tr>
</thead>
<tfoot>
<tr>
<td>This text is in the TFOOT</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>This text is in the TBODY</td> 
</tr>
</tbody>
</table>
This text is in the THEAD
This text is in the TFOOT
This text is in the TBODY
<table border = "1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Header 1 Header 2
Cell A Cell B


Deneyerek tecrübelenin ve profesyonel sayfalar hazırlayın!
256 Renk için Renk Kodları:

Renk kodunu görmek için mouse'unuzu istediğiniz renk kutucuğunun üzerinde gezdirin.


 


En çok kullanılan karakterler!

Karakter Tanım Kodu
" " Boşluk &nbsp;
< Küçüktür İşareti &lt;
> Büyüktür İşareti &gt;
& Ve İşareti &amp;
" Çift Tırnak &quot;
¢ Cent &cent;
£ Pound &pound;
¥ Yen &yen;
$ Dolar $
€ Euro &euro;
§ Kısım &sect;
© Copyright &copy;
Ø   &Oslash;
™ Trademark &trade;
® Registered Trademark &reg;
× Çarpım &times;
÷ Bölüm &divide;

 

İlgili yardım linkleri :İlgili yardım linkleri :

Ana Sayfa  |  Kayıt  |  Gözat  |  Arama  |  Satış  |  Dükkanlar  |  Bana Özel  |  Sıfır Risk Sistemi
Copyright © 2000-2009 GittiGidiyor A.Ş. Gösterilen marka ve logo, GittiGidiyor A.Ş.'nin tescilli markasıdır. Tüm hakları saklıdır. Bu internet sitesinin kullanıcıları GittiGidiyor Kullanıcı Sözleşmesi ve Gizlilik Politikası'nı kabul etmiş sayılırlar.

GittiGidiyor resmi saati: 15/12/2009, 18:50:36