İŞTE KOD ( profesyoneller içindir)
<tr>
</tr>
<td style="FONT-WEIGHT: bold; FONT-SIZE: 1em; FONT-FAMILY: Tahoma" width="676" height="179"> </td>
<font face="Tahoma" color="#ffffff" size="2"><span class="Yazi"><span style="FONT-WEIGHT: 700"><br />
</span></span></font>
<p align="left"><font color="#ffffff"><strong>
<table bordercolor="#ffffff" cellspacing="0" width="80%" align="center" bgcolor="#ffffff" border="3" text="#000000" cellpading="0">
<form id="FORM1" name="FORM1">
<tbody>
<tr>
<td bordercolor="#ffffff" background="arkafon.gif"><center><strong><font face="Tahoma" color="#ffffff" size="2">HTML Komutlari</font></strong><font face="Tahoma" size="2"><strong> </strong></font></center></td>
</tr>
<tr>
<td valign="middle" bordercolor="#ffffff" align="center" bgcolor="#ffffff"><font face="Tahoma" color="#ffffff"><strong><textarea style="BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 1em; BORDER-LEFT: #000000 2px solid; COLOR: #000000; BORDER-BOTTOM: #000000 2px solid; FONT-FAMILY: Tahoma" rows="6" cols="48" name="answer">Kullanimini Ögrenmek istediginiz parametrenin Butonuna basin...</textarea></strong></font></td>
</tr>
<tr>
<td bordercolor="#ffffff" align="center" background="arkafon.gif" height="40"><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='HTML(HyperText Markup Language) internet dokümanlari sekillendirme dilidir. Sayfalari biçimlendirmek, sekil vermek, düzenlemek için kullandigimiz komutlara -tag- diyoruz. Taglar < karakteri ile baslayip > karakteri ile biterler.';" type="button" name="ask" value="Giris" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<HTML> Tagi HTML kodunun basladigini belirtiyor. Sayfa bitiminde ise </HTML> tagi yeralir.';" type="button" name="ask" value="HTML" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='Title Sayfanin basligini belirtiyor. <Title>Sayfa basligi</title> seklinde kullaniliyor. Bu komutlar arasina browserin baslik çubugunda görülecek olan sayfanin basligi yazilir.';" type="button" name="ask" value="Title" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<head>...</head> Sayfanin bas kismidir. Bu alanda yazilan bilgiler web sayfasinda görüntülenmezler. Burada sayfa basligi, anahtar kelime tanimlamalari, sayfa içerisinde kullanilan karakter bilgisi gibi sayfanin dogrudan kendisine iliskin tanimlamalar yapilir.';" type="button" name="ask" value="Head" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<body>....</body> Sayfanin gövde kismidir. Ekranda görünen kismi burasidir. Sayfa üzerinde görülmesi istenen hersey bu bölümde yazilir. <BODY BGCOLOR=& TEXT=& LINK=& ALINK=& VLINK=&> Bgcolor seçenegi, sayfanin zemininin, text, sayfa içindeki yazilarin, link, baglanti yazilarinin, alink, aktif durumdaki baglanti yazilarinin, vlink, ziyaret edilmis baglantilarin renklerini vermemiz için kullanilir. Sayfa kenarlari ayarlamalari su sekilde yapilir: <BODY LEFTMARGIN=& TOPMARGIN=&> & marjin miktarini temsil etmektedir. Leftmarjin seçenegi sol kenari, Topmarjin üst kenari ayarlamamizi saglar.';" type="button" name="ask" value="Body" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='Yükseklik parametresidir.';" type="button" name="ask4" value="Height" /></strong></font><font face="Tahoma" size="2"><strong> <br />
<br />
</strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<table>...</table> Bu HTML kodlari içinde en çok önem verilen etikettir. Sayfada gözükse de, gözükmese de düzenleme amaciyla hemen hemen her sayfada tablo kullanilir.';" type="button" name="ask5" value="Table" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='Linkler HTML sayfasinda oldukça önemli yere sahipler. Bir çok sayfayi baglanti haline getirebilir, metinlere, resimlere link kazandirabiliriz. <a href=" />... komutu ile kullanicinin baska bir dosyaya ulasmasini saglayabiliriz.';" type=button value=Link name=ask11></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<font face=" />…</strong><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<font color=" type="button" name="ask12" value="Color" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<center>....</center> Ortalama etiketi. Bu komut çifti yazi ve resimleri sayfada ortalar.';" type="button" name="ask3" value="Center" /></strong></font><font face="Tahoma" size="2"><strong> <br />
<br />
</strong></font></font> Yazi tipi seçimi (Örnegin; Times New Roman, Arial gibi…), <font size="…">…</font> Yazi büyüklügü seçimi (1-7 ye kadar degisebilir. Sayiyi artirdikça, taglar arasina yazdigimiz yazinin büyüklügü de artar.), <font color="#000000">…</font> Yazi renginin seçimi (alti basamakli hexadecimal sayilar kullanarak ya da dogrudan renk ismini vererek, ayarlamamizi yapariz.)';" type=button value=Font name=ask></td>
</tr>
<tr>
<td bordercolor="#ff0000" align="center" background="arkafon.gif" height="40"><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<img> tagi sayfaya resim gömmek için kullanilir. <img src=" /> seklinde kullanilir. <a href="resim.gif">Resmi görüntülemek için tiklayin</a> bu etiketle resme baglanti özelligi kazandirdik ve tarayicida alti çizili link olarak görüntülenmesini sagladik.';" type=button value=Images name=ask></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='Arka plan rengini belirleyen parametredir. <body> etiketinin sayfanin gövde kismi anlamina geldigini söylemistik. <body bgcolor=#FF0000> yazarsak sayfa arka plan rengi kirmizi olur.';" type="button" name="ask" value="Bgcolor" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='Kullanildigi sayfadaki yatay yerini belirler. Bu parametrenin 3 degeri vardir. Bunlar: left, right ve center dir. Left sola, right saga dayali olarak gösterilmesini, center ise ortalanmasini saglar.';" type="button" name="ask" value="Align" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='Satirdaki hücrelerin içeriginin dikey olarak nereye hizalanacagini belirtiyoruz. Kullanildigi sayfadaki dikey yerini belirler. Bu parametrenin 3 degeri vardir. Bunlar: bottom, middle ve top dir. Bottom asagiya dogru , top yukari, middle ortaya konumlandirilacagini belirtir.';" type="button" name="ask" value="Valign" /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='Çerçeve kalinligini belirtir.';" type="button" name="ask" value="Border" /></strong></font><font face="Tahoma" size="2"><strong> <br />
<br />
</strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<b>…</b> Kalin yazi';" type="button" name="ask6" value=" b " /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<i>…</i> Italik yazi';" type="button" name="ask7" value=" i " /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<u>…</u> Altçizgi';" type="button" name="ask8" value=" u " /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<p>…</p> Paragraf etiketidir. HTML dökümanimizda paragraf basi yapmak, sadece alt satira geçmek ya da bir kisim yaziyi tek bir satirda yazmak istedigimiz zaman asagidaki bu komutu kullanmaliyiz. Bu komut çiftiyle birlikte kullanilmaz.';" type="button" name="ask9" value=" p " /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<br> Satir boslugu etiketidir. Çifti yoktur. <br> bir satir bosluk birakmadan, bir alt satira geçer.';" type="button" name="ask22" value=" br " /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<h1>....<h6> Baslik etiketi. Bu komutlar arasina da kullanacagimiz basligi yazariz. Sayi büyüdükçe, basligin ebatlari da küçülür. Basligi saga, sola yaslamak ya da sayfanin tam ortasinda bulunmasini saglamak için <h*> belirteci align seçenegiyle kullanilir.';" type="button" name="ask10" value=" h1 " /></strong></font><font face="Tahoma" size="2"><strong> </strong></font><font face="Tahoma"><strong><input class="but" onclick="this.form.answer.value ='<hr> tagini kullanarak herhangi bir yere degisik boyutlarda çizgi çizebiliriz. <hr size=# width=# align=#> … Çizginin uzunlugunu ayarlamak için kullandigimiz width seçenegini width=50% seklinde de kullanabiliriz. Örnegin; bizim kullanimimiz sayfanin %50’ si, yani yarisi uzunlugunda bir çizgi çizmek istedigimizi belirtir.';" type="button" name="ask2" value=" hr " /></strong></font><font face="Tahoma" size="2"><strong> </strong></font></td>
</tr>
</tbody>
</form>
</table>
</strong></font></p>
<p> </p>
<p> </p> |
