|
|
HTML
En iyi web sayfaları; Tablolarla oluşturulmuş görsel ağırlıklı ve istikrarlı sayfalardır diyebiliriz.
|
Birçok web sitesi sayfası tablolarla oluşturulmuştur.Çünkü birçok veriyi yerli yerinde kullanmanın en iyi yolu görsel temaları tablo hücrelerine veya satırlarına gömerek yapılır.Bunu yapmadaki amaç, bir resmin veya yazının sayfada herzaman kullanılan diğer tekniklerle yapılamayışı.Oysa tabloları kullanarak istediğimiz yazıyı veya resmi sayfada istediğimiz yere yerleştirmek sonderece basittir..
Tablo örnekleri yine karmaşık anlatımdan çok görerek anlatma yoluna başvurulacaktır.Bunun için örnekleri tek tek inceleyin.Nasıl yapılmış demenin yolu anlamaktan ve incelemekten geçer.
Basit Tablo Biçimi
<table>...</table> - table
<tr> - row difinition
<th> - header
<td> - data cell
<table border>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
<table>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
[an error occurred while processing this directive]
Tablo Duzeni
Column Span <th colspan=#>
<table border>
<tr><th colspan=3> Konu başlıkları</th>
<tr><th>Bilgisayar</th> <th>internet</th> <th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
| Konu başlıkları |
|---|
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
Row Span <th rowspan=#>
<table border>
<tr><th rowspan=3> Konu başlıkları</th>
<th>Bilgisayar</th> <td>A</td></tr>
<tr><th>internet</th> <td>B</td></tr>
<tr><th>web siteleri</th> <td>C</td></tr>
</table>
| Konu başlıkları |
Bilgisayar | A |
|---|
| internet | B |
|---|
| web siteleri | C |
|---|
[an error occurred while processing this directive]
Tablo boyutları
<table border=#>
<table border=10>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
<table width=# height=#>
<table border width=170 height=100>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
<table cellspacing=#>
<table border cellspacing=10>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
<table cellpadding=#>
<table border cellpadding=10>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
[an error occurred while processing this directive]
Tablo Metin Duzeni
<tr align=#>
<th align=#> #=left, center, right
<td align=#>
<table border width=160>
<tr>
<th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr>
<td align=left>A</td>
<td align=center>B</td>
<td align=right>C</td>
</table>
| Bilgisayar | internet | web siteleri |
|---|
| A |
B |
C |
<tr valign=#>
<th valign=#> #=top, middle, bottom, baseline
<td valign=#>
<table border height=100>
<tr>
<th>Bilgisayar</th><th>internet</th>
<th>web siteleri</th><th>Other</th>
<tr>
<td valign=top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>
<td valign=baseline>D</td>
</table>
| Bilgisayar | internet |
web siteleri | Other |
| A |
B |
C |
D |
[an error occurred while processing this directive]
Yazılar ve Tablo
<table align=left>
-
<table align="left" border>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
İlgi alanım...<br>
Java, DHTML, Programlama.
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
İlgi alanım...
Java, DHTML, Programlama.
<table align=right>
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
İlgi alanım...
Java, DHTML, Programlama.
[an error occurred while processing this directive]
Tablo Başlığı yazma
<caption align=#> ... </caption>
#=left, center, right
<table border>
<caption align=center>Lunch</caption>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
Lunch
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
<caption valign=#> ... </caption> #=top, bottom
<table border>
<caption valign=bottom>Lunch</caption>
<tr><th>Bilgisayar</th><th>internet</th><th>web siteleri</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
KONULAR
| Bilgisayar | internet | web siteleri |
|---|
| A | B | C |
[JavaScriptler][Sayfada
Efect][Dynamic HTML][CSS][HTML][CGI][Animasyon][AnaSayfa]
[[Webmaster
Email:@]]
|
|
|
|
|
