CEMO

HTML Tablo Oluşturma


Temmuz 11, 2019
HTML Tablo Oluşturma
11 Temmuz 2019 Perşembe
HTML Tablo Oluşturma
Merhaba arkadaşlar, içeriğinizde veya blogunuzun bir köşesinde tablo oluşturmak istiyorsunuz ancak nasıl yapacağınızı bilmiyorsanız bu paylaşımda bir kaç kolay adımda tablo nasıl yapılır anlatacağım.Aklınıza bir şey takılırsa yorumdan veya iletişimden yardım isteyebilirsiniz.



1.Adım : Aşağıda ki kodu "<head> aşağıda ki kod buraya gelecek </head>" şekilde kopyalayıp yapıştırınız.

<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
</style>

2.Adım : Aşağıda ki kodu içeriğinize veya blogunuzun neresinde görüntülenmesini istiyorsanız oraya ekleyiniz. İlgili yerleri kendinize göre düzenleyiniz.


<table>
  <tr>
    <th>Adı</th>
    <th>Telefon</th>
    <th>Ülke</th>
  </tr>
  <tr>
    <td>Cem</td>
    <td>05XX XXX XXXX</td>
    <td>Türkiye</td>
  </tr>
  <tr>
    <td>Moctezuma</td>
    <td>05XX XXX XXXX</td>
    <td>Meksika</td>
  </tr>
  <tr>
    <td>Ernst</td>
    <td>05XX XXX XXXX</td>
    <td>Avusturalya</td>
  </tr>
  <tr>
    <td>Island</td>
    <td>05XX XXX XXXX</td>
    <td>Ukrayna</td>
  </tr>
  <tr>
    <td>Laughing</td>
    <td>05XX XXX XXXX</td>
    <td>Kanada</td>
  </tr>
  <tr>
    <td>Magazzini</td>
    <td>05XX XXX XXXX</td>
    <td>Italya</td>
  </tr>
</table>
Bunu Paylaş :

comment 0 Yorum

more_vert
Yorum Kuralları
*Lütfen yanlızca yazı ile ilgili yorumlar yazınız.
*Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın.
*Bir Google Hesabınız yoksa Yorumlama Biçimi seçeneklerinden "Anonim" tıklayıp yorum yapabilirsiniz.
Kaydol: Kayıt Yorumları (Atom)