HTML Ders 6: HTML Tablo ve Veri Görselleştirme

Bu derste, HTML'de tablo oluşturma ve veri görselleştirme hakkında bilgi sahibi olacaksınız.

Tablolar

HTML'de tablolar <table> etiketi ile oluşturulur. Satırlar <tr>, sütunlar ise <td> etiketi ile tanımlanır.

<table>
  <tr>
    <th>Başlık 1</th>
    <th>Başlık 2</th>
  </tr>
  <tr>
    <td>Veri 1</td>
    <td>Veri 2</td>
  </tr>
</table>

Veri Görselleştirme

HTML5 ile birlikte, grafik ve diğer veri görselleştirme araçları da eklenmiştir. <canvas> ve <svg> etiketleri bu amaçla kullanılır.

<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.fillStyle = "#FF0000";
  ctx.fillRect(0, 0, 150, 75);
</script>
Önceki Derse Dön Sonraki Derse Git