HTML Table Header Vertical-Horizontal

Dikey- Yatay Başlık

Bir tabloda başlıkları ayarlamak için <th> </th> tagı kullanılır.

Sayfamızın head bölümünde style tagı aşağıdaki gibi tanımlanırsa

<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
</style>

Örnek: Yatay Başlık

<table>
<tr><th>Ögr No     </th><th> adı    </th><th> soyadı   </th><tr>
<tr><td> 75050917 </td><td> Temel  </td><td> Demir     </td><tr>
<tr><td> 91050075 </td><td> Gülçin </td><td> Demircan  </td><tr>
<tr><td> 91050099 </td><td> Yahya  </td><td> Demircan  </td><tr>
</table>

Ögr No	adı	soyadı
75050917	Temel	Demir
91050075	Gülçin	Demircan
91050099	Yahya	Demircan

Örnek: Dikey Başlık

<table>
<tr><th>1.</th>  <td> 75050917 </td><td> Temel  </td><td> Demir     </td><tr>
<tr><th>2.</th>  <td> 91050075 </td><td> Gülçin </td><td> Demircan  </td><tr>
<tr><th>3.</th>  <td> 91050099 </td><td> Yahya  </td><td> Demircan  </td><tr>
</table>

1.	75050917	Temel	Demir
2.	91050075	Gülçin	Demircan
3.	91050099	Yahya	Demircan

Örnek: Yatay ve Dikey Başlık

<table>
<tr><th>Sıra </th><th> Ögr No </th><th> Adı  </th><th> Soyadı     </th><tr>
<tr><th>1.</th><td> 75050917 </td><td> Temel  </td><td> Demir     </td><tr>
<tr><th>2.</th><td> 91050075 </td><td> Gülçin </td><td> Demircan  </td><tr>
<tr><th>3.</th><td> 91050099 </td><td> Yahya  </td><td> Demircan  </td><tr>
</table>

Sıra	Ögr No	Adı	Soyadı
1.	75050917	Temel	Demir
2.	91050075	Gülçin	Demircan
3.	91050099	Yahya	Demircan