HTML teknikleri

Menü

HTML Teknikleri




Kelimelerin önemini belirtin!

Komut Kullanımı Ekrandaki görünüşü
<b></b>
<b>Hemen Al!</b>
Hemen Al!
<i></i>
<i>Hemen Al!</i>
Hemen Al!
<u></u>
<u>Hemen Al!</u>
Hemen Al!

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


Komut Kullanımı Ekrandaki görünüşü
<tt></tt> <tt>Hemen Al!</tt> Hemen Al!
<big></big> <big>Hemen Al!</big> Hemen Al!
<small></small> <small>Hemen Al!</small> Hemen Al!
<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> H<span style="font-variant: small-caps">emen Al! </span> Hemen AL!
<span style="text-transform: uppercase"></span> <span style="text-transform: uppercase">Hemen Al!</span> Hemen Al!
<span style="text-transform: capitalize"></span> <span style="text-transform: capitalize">Hemen Al!</span> Hemen Al!
<bdo dir="rtl"></bdo> <bdo dir="rtl">Hemen Al!</bdo> Hemen Al!


Paragraf başları, satır atlama ve çizgi çekme!

Paragraf başı ve sonunda <p> </p> komutları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 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>Hemen Al!</p>

Bu fırsat kaçmaz!

Hemen Al!

Bu fırsat kaçmaz!

<br> Hemen Al!<br> Bu fırsat kaçmaz! Hemen Al!
Bu fırsat kaçmaz!
<hr> Hemen AL! <hr> Bu fırsat kaçmaz! Hemen AL!
Bu fırsat kaçmaz!
<hr color=RENK > Hemen Al!<hr color=RENK > Bu fırsat kaçmaz! Hemen Al!
Bu fırsat kaçmaz!
<pre></pre> <pre>
Hemen Al! ve
kazan!
Hemen Al!
ve kazan! Hemen
Hemen Al! ve
kazan!
Hemen Al!
ve kazan!</pre>
Hemen Al! ve
kazan!
Hemen Al!
ve kazan!
Hemen Al! ve
kazan!
Hemen Al!
ve kazan!
<blockquote></blockquote> <blockquote>Hemen Al! ve kazan! Hemen Al! ve kazan! Hemen Al! ve kazan! Hemen Al! ve kazan! </blockquote>
Hemen Al! ve kazan! Hemen Al! ve kazan! Hemen Al! ve kazan! Hemen Al! 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 Al! ve Hemen Kazan!Hemen Al! ve Hemen Kazan! </fieldset>
Hemen Al! ve Hemen Kazan!Hemen Al! ve Hemen Kazan!
<fieldset>
<legend></legend>
</fieldset>
<fieldset>
<legend>Başlık</legend>
Hemen Al! ve Hemen Kazan!Hemen Al! ve Hemen Kazan!</fieldset>
BaşlıkHemen Al! ve Hemen Kazan!Hemen Al! ve Hemen Kazan!


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


Komut Kullanımı Ekrandaki görünüşü
<h2 style="color:RENK"></h2> <h2 style="color:red">Hemen Al!</h2>

Hemen Al!

<h2> </h2> <h2> Hemen Al!</h2>

Hemen Al!

<h3> <h3> <h3> Hemen Al!</h3>

Hemen Al!

<h4> </h4> <h4> Hemen Al!</h4>

Hemen Al!

<h5> </h5> <h5> Hemen Al!</h5>
Hemen Al!
<h6> </h6> <h6> Hemen Al!<h6>
Hemen Al!

Kelimelerin yazılışları!


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


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">Hemen Al!!</font> Hemen Al!!
<font size="Büyüklüğü"></font> <font size="2">Hemen Al!!</font> Hemen Al!!
<font size="Büyüklüğü"></font> <font size="3">Hemen Al!!</font> Hemen Al!!
<font size="Büyüklüğü"></font> <font size="4">Hemen Al!</font> Hemen Al!!
<font size="Büyüklüğü"></font> <font size="5">Hemen Al!</font> Hemen Al!!

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">Hemen Al!</font> Hemen Al!
<font face="Arial"></font> <font face="Arial">Hemen Al!</font> Hemen Al!
<font face="Verdana"></font> <font face="Verdana">Hemen Al!</font> Hemen Al!
<font face="Tahoma"></font> <font face="Tahoma">Hemen Al!</font> Hemen Al!
<font face="Courier New"></font> <font face="Courier New">">Hemen Al!</font> Hemen Al!
<font face="MS Sans Serif"></font> <font face="MS Sans Serif">">Hemen Al!</font> Hemen Al!
<font face="Terminal"></font> <font face="Terminal">Hemen Al!</font> Hemen Al!


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="RENK"> </font> Hemen <font color="green">
Hemen Al</font> ve kazan!
Hemen Hemen Al ve kazan!
color> </font> Hemen <font color="blue">
Hemen Al</font> ve kazan!
Hemen Hemen Al ve kazan!


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


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


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 Ekran Görüntüsü
<a href="http://arama.gittigidiyor.com/?aramasatici=kullaniciadiniz">Diğer ürünlerime de bakın</a> Diğer ürünlerime de bakın


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şliğ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
< Küçüktür İşareti <
> Büyüktür İşareti >
& Ve İşareti &
" Çift Tırnak "
¢ Cent ¢
£ Pound £
¥ Yen ¥
$ Dolar $
? Euro ?
§ Kısım §
© Copyright ©
Ø Ø
? Trademark ?
® Registered Trademark ®
× Çarpım ×
÷ Bölüm ÷

Bu sayfadaki bilgiler size yardımcı oldu mu?

EVET HAYIR
Değerlendirmeniz için teşekkür ederiz!

Sizden gelen yorumlarla Yardım sayfalarımızı geliştiriyoruz.
350 karakter kaldı.Bu sayfanın size neden yardımcı olmadığını yazın:
Bu alana yazacağınız görüşlerinizi değerlendirecek ve yardım sayfalarımızı geliştirmek üzere kullanacağız. Müşteri Hizmetleri'na tıklayarak müşteri hizmetlerimize de ulaşabilirsiniz.

Değerlendirmeniz için teşekkür ederiz!

Sizden gelen yorumlarla Yardım sayfalarımızı geliştiriyoruz.
X