Dikey cizgi HTML'de yatay cizgi (<HR>) var da, dikey cizgi yok. Tasariminiz, sayfada dikey cizgi gerektiriyorsa, tablodan yararlanabilirsiniz. Grafik programinizda eni ve boyu 1 piksel ve rengi siyah bir kutu resmi yapin. Bunu 1psiyah.gif adiyla kaydedin. Dikey cizgiye ihtiyaciniz olan yerde bir tablo olusturun; metinlerinizin bir kismi ve tablonun icine girebilir; girmeyebilir. ?ste
bir örnek:
<table width="75%" border="0" cellspacing="0" cellpadding="0">
<tr> <td align="center" valign="top">Burada metin var.</td>
<td><img src="1psiyah.gif" width="5" height="300"></td>
<td align="center" valign="top"> Burada metin var </td></tr>
</table>
cizginin yüksekligi ne kadar olacaksa, cizginin bulundugu kutudaki IMG etiketinin yüksekligini o kadar arttirin.
Beyaz Bosluklar Bazen, iki satir arasinda tam istediginiz ölcüde bosluk elde etmek zor olur. <P> cok, <BR> ise az bosluk birakir. Kolayi var. Eni 1, boyu 2 piksel, saydam bir GIF dosyasi yapin ve 1psaydam.gif adiyla kaydedin. Bosluga ihtiyaciniz olan iki satirin arasina su etiketi koyun:
<IMG scr="1psaydam.gif" width=1 height=1 hspace=20 vspace=49>
Burada 20 ve 49 yerine, kendi ihtiyaciniz olan boslugun degerini yazacaksiniz. Bir satiri arzu ettiginiz kadar icerden baslatmak amaciyla da ayni teknikten biraz farkli ifadeyle yararlanabilirsiniz:
<IMG hspace="25" scr="1psaydam.gif>Bu satir 25 piksel icerden baslayacak.
?ki sütun yazi arasina arzu ettiginiz kadar bosluk vermek icin, sütunlari bir tablonun hücrelerine alin, ortalarindaki hücrenin boyunu ve enini istediginiz bosluk ölcüsüne getirin.
Sadece Netscape'de bulunan <SPACER> etiketi de beyaz bosluk saglayabilir:
<SPACER TYPE="block" WIDTH="30" HEIGHT="45"> IE, bu kodu görünce, hic bir sey yapmaz.
Liste Kullanmak HTML tag'lari kullanarak sayfa icerisinde otomatik olarak numaralandirilan ve siralandirilan listeler hazirlamak cok kolaydir, bunun icin öncelikle metnin ne bicimde listelenecegini secmelisiniz. Liste hazirlarken en cok rastlananlari tipler <OL> ve <UL> dir. <UL> tag'ini listeye ait olan her satirin basina bir nokta koymak icin kullanabilirsiniz. <OL> tag'i ise her bir satiri istege göre numaralandirmanizi veya harflendirmenizi saglar. Bu tag'lar ayrica bir paragrafi diger paragraflardan biraz ileriye itmek icin de kullanilabilir. Liste tipini belirlemek icin yukaridaki iki secenegi kullaniyoruz; peki liste seceneklerini birbirinden ayirmak icin nasil bir yol izleyecegiz. Listenin her bir ögesini belirtmek icin ise <LI> tag'i kullanilir. Bu karakterleri herhangi bir satirin önüne yerlestirdiginizde web tarayiciniz bu satiri aninda yeni bir liste ögesi olarak kabul edecektir.
•Birinci Satir
•?kinci Satir
•Ücüncü Satir
HTML dokümaninizda yukaridaki gibi bir görüntü elde etmek istiyorsaniz asagidaki gibi kodlar kullanmalisiniz:
<UL>
<LI>Birinci Satir
<LI>?kinci Satir
<LI>Ücüncü Satir
</UL>
Listeyi olusturmak icin <OL> kullanacaksaniz bu tag'in yanina TYPE=X takisini girerek liste bicimini belirleyebilirsiniz. Liste ögelerini siralatmak icin büyük harfleri kullanmak istiyorsaniz X yerine A, kücük harflerle siralamak icin a, büyük Roma karakterleri ile siralamak icin I, kücük Roma karakterleri ile siralamak icin I, numaralarla siralamak icin ise L karakterini kullanabilirsiniz.
Büyük harflerle ayrilan bir liste asagidaki gibi bir koda sahip olacaktir:
<ol type=A>
<li>Birinci Satir
<li>?kinci Satir
<li>Ücüncü Satir
</ol>
Herhangi bir liste icerisinde degisik veya ayni tipte bir liste daha acmak mümkündür. Bunun icin <UL> veya <OL> tag'ini kapatmadan tekrar bir <OL> veya <UL> girmek yeterlidir. Acilan tüm liste tag'larinin kapatilmasi unutulmamalidir. Unutuldugu takdirde HTML sayfasi düzgün görünmeyecektir.
