Excel Tabloyu HTML Koduna Çevirmek (Excel to HTML Table)

« Silkroad Tüm Slotların (Monster) İsimleri, Levelleri ve HP’leri Kaçtır?

Selamlar değerli arkadaşlar. Bu yazımızda sizlere Microsoft Excel’de oluşturduğunuz tabloyu HTML koduna nasıl hızlı bir şekilde dönüştürebiliriz onu anlatacağız.

Web sitelerinize html kod ile tablo ekleyebilirsiniz. Genelde Excel üzerinden tablo oluşturup koda aktarmak istenebiliyor. Bu da biraz uzun sürebiliyor. Fakat bugün sizlere bir site sayesinde hızlı bir şekilde Excel tablo oluşturduktan sonra web siteye eklemek için html koduna nasıl çevirebiliriz onu göstereceğiz. Gerçekten bir site sayesinde hızlı bir şekilde dönüşüm yapılabiliyor. Şimdi kısaca anlatıma geçelim.

Excel Tabloyu HTML Table Koduna Çevirme Nasıl Yapılır?

Excel to Html site adresi ==> html-online.com/editor

1-) Öncelikle Excel to Html yapacağımız sitenin adresi “html-online.com/editor” burasıdır. İlk olarak Excel’de tablomuzu oluşturuyoruz. Mesela biz örnek için aşağıdaki gibi bir tablo yaptık.

2-) Ardından Excel’de yaptığımız bu tabloyu ctrl+c ile kopyalıyoruz. Yani mouse ile seçerek tüm satır ve sütunları kopyalıyoruz. Sonrasında html-online.com/editor bu siteye girerek soldaki boş yere yapıştırıyoruz.

3-) Sonrasında site otomatikman bize bu tabloyu html kodlara çeviriyor. Sağ alanda ise tablonun html halini görebilirsiniz. Buradan kodları kopyalayarak istediğiniz yerde kullanabilirsiniz.

4-) Örneğin bizim oluşturduğumuz tablo ve sitenin otomatikman çevirdiği html table kodları şu şekilde:

<table style="border-collapse: collapse; width: 144pt;" border="0" width="192" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 14.4pt;">
<td style="height: 14.4pt; width: 48pt;" width="64" height="19">Şehir</td>
<td style="width: 48pt;" width="64">Plaka</td>
<td style="width: 48pt;" width="64">B&ouml;lge</td>
</tr>
<tr style="height: 14.4pt;">
<td style="height: 14.4pt;" height="19">İstanbul</td>
<td align="right">34</td>
<td>Marmara</td>
</tr>
<tr style="height: 14.4pt;">
<td style="height: 14.4pt;" height="19">Ankara</td>
<td align="right">6</td>
<td>İ&ccedil; Anadolu</td>
</tr>
<tr style="height: 14.4pt;">
<td style="height: 14.4pt;" height="19">İzmir</td>
<td align="right">35</td>
<td>Ege</td>
</tr>
<tr style="height: 14.4pt;">
<td style="height: 14.4pt;" height="19">Antalya</td>
<td align="right">7</td>
<td>Akdeniz</td>
</tr>
<tr style="height: 14.4pt;">
<td style="height: 14.4pt;" height="19">Bursa</td>
<td align="right">16</td>
<td>Marmara</td>
</tr>
</tbody>
</table>

<tbody>

<td style="height: 14.4pt; width: 48pt;" width="64" height="19">Şehir</td>

<td style="width: 48pt;" width="64">Plaka</td>

<td style="width: 48pt;" width="64">Bölge</td>

</tr>

<td style="height: 14.4pt;" height="19">İstanbul</td>

<td>Marmara</td>

</tr>

<td style="height: 14.4pt;" height="19">Ankara</td>

<td>İç Anadolu</td>

</tr>

<td style="height: 14.4pt;" height="19">İzmir</td>

</tr>

<td style="height: 14.4pt;" height="19">Antalya</td>

<td>Akdeniz</td>

</tr>

<td style="height: 14.4pt;" height="19">Bursa</td>

<td>Marmara</td>

</tr>

</tbody>

</table>

5-) Bu şekilde hızlı bir biçimde html tablo kodu oluşturabiliyorsunuz. Yapmanız gereken tek şey Excel’deki tabloyu kopyalamak ve ardından sizlere vermiş olduğumuz siteye girerek bu tabloyu soldaki boş alana yapıştırmaktır. Sonrasında site otomatikman tabloyu html koda döküyor ve sağ taraftaki alanda bizlere aktarıyor. Buradan html kodları kopyalayıp ücretsiz olarak istediğiniz yerde, kendi web sitenizde vb. platformlarda kullanabilirsiniz. Ek olarak kodlar üzerinden değişiklik yapabilirsiniz. Renklendirme, punto ayarlama vs. sonradan değiştirebilirsiniz.

Bu şekilde Excel’de oluşturduğunuz tabloyu html koduna çevirebilirsiniz. Teşekkürler…

Bu Yazıya Tepkin Ne Oldu ?