HTML <track> Tag

Örnek

<video width="320" height="240" controls>
  <track src="altyazı.vtt" kind="altyazı" srclang="tr" label="türkce">
</video>

Bu etiket medya dosyaları için metin parçaları tanımlamak için kullanılır. <audio> ve <video> medyaları oynatılırken altyazı, başlık gibi metinler görüntülemekte kullanılır.

Codepen Ön izleme

 

<video width="320" height="240" controls>
  <track src="altyazı.vtt" kind="altyazı" srclang="tr" label="türkce">
</video>

See the Pen HTML track tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
default default
kind captions
chapters
descriptions
metadata
subtitles
Element türünü belirtmek için kullanılır
label text Elementin ünvanını belirtmek için kullanılır.
src URL Element dosyasının URL sini belirtmek için kullanılır. Zorunlu.
srclang language_code Elementin veri dilini belirtmek için kullanılır.

HTML <tr> Tag

Örnek

<table>
  <tr>
    <th>Ay</th>
    <th>Gider</th>
  </tr>
  <tr>
    <td>Ocak</td>
    <td>100 TL</td>
  </tr>
</table>

Bu etiket HTML tablosunda satır tanımlamak için kullanılır.

Codepen Ön izleme

 

<style>
  table ,th,td {border: 1px solid #000;}
</style>
<table>
  <tr>
    <th>Ay</th>
    <th>Gider</th>
  </tr>
  <tr>
    <td>Ocak</td>
    <td>100 TL</td>
  </tr>
</table>

See the Pen HTML tr tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
align right
left
center
justify
char
HTML5 tarafından desteklenmiyor.Çevresindeki elementlere göre konumlandırmak için kullanılır.
char character HTML5 tarafından desteklenmiyor.Bir karakter için hücre içeriğini hizalamakta kullanılır.
charoff number HTML5 tarafından desteklenmiyor.Tbody içerisindeki içerik belirtilen karakter karakter sayısıyla aynı hizada olacağını belirtmek için kullanılır.
valign top
middle
bottom
baseline
HTML5 tarafından desteklenmiyor.Tbody içerisindeki elemanların dikey olarak hizalanacağını belirtmek için kullanılır.

HTML <title> Tag

Örnek

<title>Belge başlık</title>

Bu etiket HTML belgesinin başlığını tanımlamak için kullanılır ve kesinlikle tanımlamanız gerekmektedir. Araç çubuğu üzerinde görünmektedir. Arama motoru sonuçlarında başlk olarak görüntülenmektedir.

Codepen Ön izleme

 

<title>Site başlık</title>

See the Pen HTML title tag by W3TR (@w3tr) on CodePen.

HTML <time> Tag

Örnek

<p>Saat<time>9:00</time> iyi günler</p>

Bu etiket miladi takvime göre tarih veya saat tanımlamak için kullanılır.

Codepen Ön izleme

 

<p>Saat<time>9:00</time> iyi günler</p>

See the Pen HTML time tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
datetime datetime içerdiği metnin tarih ve saatini belirtmek için kullanılır.

HTML <thead> Tag

Örnek

<style>
thead {color:red;}
tbody {color:black;}
tfoot {color:pink;}

table, th, td {
    border: 1px solid black;
}
</style>
<table>
  <thead>
    <tr>
      <th>Ay</th>
      <th>Gider</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Ocak</td>
      <td>100 TL</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Şubat</td>
      <td>50 TL</td>
    </tr>
    <tr>
      <td>Mart</td>
      <td>70TL</td>
    </tr>
  </tbody>
</table>

Bu etiket  HTML tablosunun başlık etiketini gruplandırmakta kullanılmaktadır.

Codepen Ön izleme

<style>
thead {color:red;}
tbody {color:black;}
tfoot {color:pink;}

table, th, td {
    border: 1px solid black;
}
</style>
<table>
  <thead>
    <tr>
      <th>Ay</th>
      <th>Gider</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Ocak</td>
      <td>100 TL</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Şubat</td>
      <td>50 TL</td>
    </tr>
    <tr>
      <td>Mart</td>
      <td>70TL</td>
    </tr>
  </tbody>
</table>

See the Pen HTML thead tag by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
align right
left
center
justify
char
HTML5 tarafından desteklenmiyor.Çevresindeki elementlere göre konumlandırmak için kullanılır.
char character HTML5 tarafından desteklenmiyor.Bir karakter için hücre içeriğini hizalamakta kullanılır.
charoff number HTML5 tarafından desteklenmiyor.Tbody içerisindeki içerik belirtilen karakter karakter sayısıyla aynı hizada olacağını belirtmek için kullanılır.
valign top
middle
bottom
baseline
HTML5 tarafından desteklenmiyor.Tbody içerisindeki elemanların dikey olarak hizalanacağını belirtmek için kullanılır.