Bootstrap Tablo Giriş

Semih
15 Ağustos 2015 Cumartesi
0

Html'de tablo oluşturmak için <table> etiketi kullanılır. Bootstrap'ın nimetlerinden faydalanmak için bu etikete sınıflar atanır.

Öncelikle temel tablo tanımımız için <table> etiketine table sınıfını atarız.

<table class="table">...</table>

 

Daha sonra <thead> etiketi ile menünün üst kısmını, <tbody> etiketi ile de verilerimizin olduğu kısımı oluştururuz. 

 

<tr> etiketi : Yeni satır oluşturmak için kullanılır.

<th> etiketi: Başlık girmek için kullanılır.

<td> etiketi: Veri girmek için kullanılır.

 

<table class="table">
	<thead>
		<tr>
			<th>Ad</th>
			<th>Soyad</th>
			<th>Okul No</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Semih</td>
			<td>FERİK</td>
			<td>1</td>
		</tr>
		<tr>
			<td>Fatma Nur</td>
			<td>BİÇER</td>
			<td>2</td>
		</tr>
	</tbody>
</table>

 



Yorum yaz