Önemli:Bütün butonlara link eklemek için <button> Tag'ının içine şu geğerler yazılmalıdır: <button onClick="window.open('...' )" >Tırnak içindeki noktalı yerlere sayfanın adı ve uzantısı yazılacaktır.Müzik.html gibi.Bir siteye bağlantı vermek için CNN buton örneğine bakın.
HTML4.0 Tag'lerini kullanarak netscape ve explorer browserlerinde işlev yürüten butonlar yapabiliriz.Basit olarak şu tag'lerin arasına yazılacak değerlerle buton oluşturulabilir;

<button>.....</button>İE

<button>Müzik Sayfası</button>
Görünüşü:

İkici bir örnek: İE
<button><font face="Arial"><big>Font Örnekleri</big></font></button>
Görünüşü:

Üçüncü bir örnek: İE ve NS
<form>
<input type="button" value="DataWeb"
onClick="window.location='http://www.datawen.8m.net">
</form>
Görünüşü:

Dörtüncü bir örnek:İE
Size tag'ını kullanarak butonu büyütelim;
<button><font face="Arial" size=6><b>3D resim</b></font></button>
Görünüşü:

Beşinci bir örnek:Color tag'ını kullanarak renklendirelim; İE
<button>
<fontcolor="#008000"><b>Örnekler</b>
</font>
</button>

Görünüşü:

Altıncı bir örnek:img tag'ını kullanarak resimlendirelim; İE
<button><img src="images/acik_buton7.gif"></button>
Görünüşü:

Yedinci bir örnek:img tag'ını kullanarak resimlendirelim ve table tag'ı ile resimin yanına yazı ekleyelim;İE

<button>
<table border="1" width="100%">
<tr>
<td width="19%"><img src="construct.gif"WIDTH="39" HEIGHT="19"></td>
<td width="81%"><font face="Arial" COLOR="#FF00FF"><b>Ana sayfa</b></font></td>
</tr>
</table>
</button>
Görünüşü:
COMBO LINKS
Aşağıdaki JavaScriptle çoktan seçmeli sayfa veya site dışı linkleri
yaratma olanağına kavuşmuş oluruz.Linkleri istenilen kadar çoğalt
mak elimizde.Site içi veya dışı linklere sayfa bağlantısını body tag'ından sonra yazılan kodlarda ki şu değerlerin arasına yazılarak
bu sağlanır.Örneğin;option value="confirm.htm" kısmında confirm.htm örneği gibi.Buraya istenilen sayfanın adı ve uzantısı yazılacak.
JavaScript kodları <head></head> tag'lerinin arasına gelecek
şekilde yazılacak
<script language="JavaScript">

<!-- Hide the script from old browsers --

//======================================================
// Java Script code by Java Script It! www.computan.on.ca/~todd/JavaScriptIt!
//======================================================

function comboLinksA (form,targ) {
url=document.comboA.combo.options[document.comboA.combo.selectedIndex].value
         if (targ=="Self")
                location.href=url;
         else {
                parent.location.href=url;
         }
}

//---------------->
</script>
<BODY> Tag'ından sonra yazılacak kodlama
<form name="comboA">
<select name="combo">
<option SELECTED value="alert.htm">Şiir Sayfaları
<option value="animat.htm">Animasyon Sayfası
<option value="confirm.htm">Favori Sitelerim
</select>
<input type=button value="Click to Go!" onClick="comboLinksA('this.form','Self')">
</form>
<p>
Görünüşü:

Web okulunda yayınlanan her konu içeriği yazarlarına veya site sahiplerine aittir

Site Tasarımı için lütfen temas kurun