Suspendisse sollicitudin velit sed leo. Pharetra augue nec augueam elit magna, hendrerit sit amet, tinciduntac. Aenean nec eros. Vestibulm primis in faucibus
1. HTML Hakkında
2. İlk HTML dökümanınızı yazmak
3. HTML dökümanınızı düzenlemek
4. Başlıklar (headings)
5. Paragraflara ayırmak
6. Dökümana stil kazandırmak
7. Listeler (lists)
8. Grafikler ve dosya biçimleri
10. 9. Bağlantılar kullanmak
11. Yerel dosyalara linkler
12. URL’ler
13. İnternet’ e linkler oluşturmak
14. Bir sayfanın bölümlerine linkler eklemek
15. Hipergrafik linkleri
16. Text biçimi (pre belirteci)
17. Özel karakterler
19. Adres Satırları ve e-mail linkleri
Etiketler: Html, Html dersleri, html dersleri indir, tüm html dersleri
19. Tablo Kullanımı
Dökümanlarınızda tablo yapmak için kullanacağınız belirteç, <table> dır. Bir tablonun başlangıcı:
<table border=N>
:
:
</table>
şeklindedir. Bu belirtecin içinde tablonun sıralarını ve kolonlarını belirlemek için <tr> ve <td> komutlarını kullanacaksınız.
Bir tablonun HTML formatı genel olarak şöyledir:
<table border=1>
<tr>
<td>1. satır, 1. kolon</td>
<td>1. satır, 2. kolon</td>
<td>1. satır, 3. kolon</td>
</tr>
<tr>
<td>2. satır, 1. kolon</td>
<td>2. satır, 2. kolon</td>
<td>2. satır, 3. kolon</td>
</tr>
<tr>
<td>3. satır, 1. kolon</td>
<td>3. satır, 2. kolon</td>
<td>3. satır, 3. kolon</td>
</tr>
</table>
Satır ve Kolonlar
Bir <td> belirtecinin içinde colspan ve rowspan özelliklerini kullanarak tablonuzu daha etkin düzenlemeniz mümkün. Aşağıda bununla ilgili iki örnek bulunmakta.
<table border>
<tr>
<td>Kolon 1 Satır 1</td>
<td align=center colspan=2>
Satır 1 Kolon 2-3</td>
</tr>
<tr>
<td>Satır 2 Kolon 1</td>
<td>Satır 2 Kolon 2</td>
<td>Satır 2 Kolon 3</td>
</tr>
<tr>
<td>Satır 3 Kolon 1</td>
<td>Satır 3 Kolon 2</td>
<td>Satır 3 Kolon 3</td>
</tr>
</table>
Bu kodun çıktısı:
<table border>
<tr>
<td>Kolon 1 Satır 1</td>
<td align=center colspan=2>
Satır 1 Kolon 2-3</td>
</tr>
<tr>
<td>Satır 2 Kolon 1</td>
<td valign=top rowspan=2>
Satır 2 Kolon 2</td>
<td>Satır 2 Kolon 3</td>
</tr>
<tr>
<td>Satır 3 Kolon 1</td>
<td>Satır 3 Kolon 2</td>
</tr>
</table>
Görünmez Tablolar
Tabloların dışını görünmez yapmak için border=0 komutu kullanılır. Bu durumda bir tablo hala vardır fakat kullanıcı tabloyu göremez. Görünmez tablolar sayfanızın düzeninde oldukça işinize yarayabilir. Tablo kullanmadan düzenleyemeyeceğiniz yazıları görünmez tablolara yerleştirirseniz yazıları istediğiniz noktada tutmak mümkün olacaktır.
Tabloları Renklendirmek
Tabloların her bir hücresini istediğiniz renkte boyayabilirsiniz. Bunun için kullanılacak komut “bgcolor”dır.
Tablo <table bgcolor=#880000>
tüm tabloyu belirtilen renge boyar.
Sıra <tr bgcolor=#880000>
tüm sırayı belirtilen renk ile doldurur.
Hücre <td bgcolor=#880000>
tek hücreyi belirtilen renk ile doldurur.
Etiketler: Html dersleri, html dersleri indir, Html Uygulamaları, Tablo Kullanımı
18. Text ve Grafik Konumunu Ayarlamak
Şimdiye kadar yazılar normal olarak sol taraftan başlıyordu. Fakat sayfanızı düzenlerken bazı yazıların sağ tarafta olmasını, bir çoğunun da ortada olmasını isteyeceksiniz. Bu durumda <p> (paragraf) belirteci ile bazı komutlar kullanabiliyoruz.
<p align=center>
Burada <p> belirteci ile kullanılan “align” komutu tüm paragrafın yerleşimini belirler. Bir şey belirtilmezse browser bunu “left” kabul eder (normali). “center”, paragrafın ekranda ortalanmasını sağlar (enine). “right” ise yazının sağa kaymasını sağlar.
Grafik ve Text konumları
Dökümanımızı tekrar açalım ve ilk bölümdeki yazıyı:
<img alt=”Turk Konsol üzerine bir inceleme” src=”../resimler/lava.gif” width=300 height=259>
<b><font face=”Arial,Helvetica” size=+4 color=#FF66FF>V </font>
şu yazıya çevirelim (tek fark <img> belirtecindeki “align” komutu)
<img alt=”Turk Konsol üzerine bir inceleme” src=”../resimler/lava.gif” width=300 height=259 align=left>
<b><font face=”Arial,Helvetica” size=+4 color=#FF66FF>V </font>
Gördüğünüz gibi <img> belirtecinde kullanılan align=left komutundan sonra geriye kalan yazılar sayfanın boş yerlerini dolduracak şekilde dizilir.
<div> belirteci
Bu belirtecin içinde kalan tüm text verilen yerleşimde görüntülenir. Kullanılışı:
<div align=left>…</div>
<div align=right>…</div>
<div align=center>…</div>
Buradaki son komut, <center> belirteci ile aynı işi görür. <center>…</center> belirteci, arada kalan tüm yazıyı ortalayan bir belirteçtir.
Etiketler: Html dersleri, html dersleri indir, html örnekleri, html uygulamları, Text ve Grafik Konumunu Ayarlamak
17. <hr> Belirteci
Daha önce dökümanımızda <hr> belirtecini kullandık fakat bu belirteci daha geniş olarak kullanmak mümkün. <hr> da kullanılan komutlar:
<hr width=80% size=10>
Bu komut, ekrana çizilecek çizginin, genişlemesine tüm ekranın %80 ini kaplamasını, genişliğinin (dikey) ise 10 pixel olacağını belirtiyor. Bu belirtece bir de “noshade” komutu eklenebilir.
<hr width=80% size=10 noshade>
noshade komutu, browsera çizginin gölgesi olmayacağını söyler
Etiketler: belirteci, hr tagı, html dersleri indir, html örnekleri, html uygulamları
16. Text Düzenlemeleri
Font Büyüklüğü
<font>..</font> belirteci yazı fontunun büyüklüğünü ayarlamak için kullanılabilir. Font büyüklüğü sayısal olarak belirtilir. 1 en küçük ve 7 en büyüktür (normali 3).
Hatırlamanız gereken, font büyüklüğü sayfanızın görüntülendiği bilgisayarın ayarlarına bağlıdır. Ama sonuçta sayfanızda bir yazının diğerinden büyük ya da küçük görünmesi sizin elinizde.
NOT: Eğer bir browser <font> belirtecini desteklemiyorsa HTML 3.0 da kullanılan <big>..</big> ve <small>..</small> belirteçlerini kullanabilirsiniz.
<font> belirtecinin formatı:
<font size=N>deneme</font>
şeklindedir. N, 1’den 7’ye kadar bir sayıdır. Font boyutlarını kullanmanın başka bir yolu da:
<font size=+2>deneme</font>
<font size=-1>deneme</font>
şeklinde göreceli bir font boyu saptamaktır. Burada kullandığımız +2, o anki font boyutunun üzerine eklenecek bir sayıdır (eksi de de aynı mantık). Bu belirteç bir diğer belirteç ile ilişkilidir- <basefont>.
<basefont size=5>
komutu normal font boyutunu 3’den 5’e değiştirir.
<font> belirteci yazının sadece boyutunu değiştirmeye yaramaz. Bu belirteç sayesinde yazının rengini ve tipini de değiştirebilirsiniz. Dökümanımızda Turk Konsol yazısını şu şekilde değiştirelim:
<b><font face=”Arial,Helvetica” size=+4 color=#FF66FF>V </font>
<font face=”Arial,Helvetica” size=+3 color=#dd0055>Turk Konsol</font></b>
face komutu yazının tipini belirler. İki tane tip yazılmasının sebebi ise, eğer browser ilk yazı tipini gösteremiyorsa ikinci tipi seçer. “color” komutunu ise “bgcolor” komutundan tanıyorsunuz, ismi hariç herşeyi aynıdır.
Superscript / subscript
Bu iki komut matematiksel yazılımda (bazen başka yerlerde) oldukça işe yarar.
<sup>…</sup> üst
<sub>…</sub> taban
Mesela 2 üzeri 5 yazısını gösterebilmek için 2<sup>5</sup> komutunu kullanmak gerekiyor.
<strike>
Bu belirteç, <u> (alt çizgi) belirtecine benzer. <strike>…</strike> belirteçlerinin arasına gelen yazıyı ortası çizgili yapar.
Etiketler: Html dersleri, html dersleri indir, html örnekleri, Html Uygulamaları, text düzenlemeleri
Son Yorumlar