HTML DERSLERİ

Konu: HTML DERSLERİ Ptsi Ara. 28, 2009 9:42 am

HTML'YE G?R??

HTML, HyperText Markup Language, taray?c? (browser)'lardan görebilece?imiz (Internet Explorer, Netscape gibi) internet dokümanlar?n? yaratmaya yarayan bir i?aretleme dilidir. ?nternet üzerindeki tüm sayfalar?n kayna?? HTML'dir. Taray?c? olmadan HTML kodlar? bir?ey ifade etmez.
HTML dokümanlar? herhangi bir yaz? editörü ile düzenlenip *.htm, *.HTML, *.sHTML gibi uzant?larla kaydedilir. Bunun için notepad, pico, wordpad gibi editörler yeterlidir. Bunlar?n yan?nda Frontpage, Dreamweaver, Homesite gibi bu i? için haz?rlanm?? ve kodlamay? kolayla?t?ran programlar da vard?r.
Her HTML doküman? ile ba?lar ve ile biter. <> ?eklinde görülen komutlara etiket (tag) ad? verilir. Bir HTML doküman? iki ana k?s?mdan olu?maktad?r: . . . etiketi aras?nda yer alan Ba?l?k bölümü; . . . etiketleri aras?nda yer alan Gövde Bölümü. Ba?l?k bölümü içine . . . etiketi konulur. title, taray?c?m?z?n en üstünde gözükür ve olu?turulan sayfan?n ba?l???d?r.
Örnek:
HTML DERSLERİ Img_html_hello

E?er haz?rlanan sayfa Türkçe içerikli ise Türkçe karakterlerin (ç, ?, ?, , ?, ö, ü) düzgün görünmesi için Ba?l?k k?sm? içerisine a?a??daki meta etiketi eklenir. Meta etiketleri için detayl? bilgiye buradan ula?abilirsiniz.

title etiketi ile ba?l??? belirttikten sonra Ba?l?k bölümü kapat?l?r ve ana k?s?m olan Gövde' ye geçilir. Sayfam?zda görüntülemek istedi?imiz bütün bilgileri Gövde k?sm?na koyar?z.
Herhangi bir web sayfas?n?n HTML kodunu görmek istedi?imiz zaman, farenin sa? tu?una t?klay?p view source/kayna?? görüntüle seçene?ini seçeriz.
Bir etiketin nas?l davranmas? gerekti?i hakk?nda bilgi içeren etiketin içindeki metne De?i?ken denir. A?a??daki örnekte body etiketinin içindeki bgcolor ifadesi de?i?kendir ve arkaplan rengini belirler. Ço?u etiket iste?e ba?l? olarak ya da gerekti?i için ba??ms?z de?i?kenleri kabul eder.

Çift tarafl? etiketler içiçe geçebilirler ama dikkat edilmesi gereken nokta en son aç?lan etiketin en önce kapat?lmas?d?r. A?a??da yanl?? ve do?ru uyguluma örne?i verilmi?tir.
Bu bir yanl?? örnektir.
Do?rusu budur.

ve

gibi tek tarafl? etiketler ,
ve

?eklinde yaz?lmal?d?r.

BAS?T HTML ET?KETLER?

Ba?l?klar:
6 çe?it ba?l?k vard?r:

,

, . . .

. Bunlardan en büyü?ü

, en küçü?ü ise

'd?r.
HTML etiketi Etiketin Web Sayfas?ndaki görüntüsü

H1 ile yap?lan ba?l?k

H2 ile yap?lan ba?l?k

H3 ile yap?lan ba?l?k

H4 ile yap?lan ba?l?k

H5 ile yap?lan ba?l?k

H6 ile yap?lan ba?l?k
H1 ile yap?lan ba?l?k

H2 ile yap?lan ba?l?k

H3 ile yap?lan ba?l?k

H4 ile yap?lan ba?l?k

H5 ile yap?lan ba?l?k

H6 ile yap?lan ba?l?k

Paragraflar, Sat?r bo?luklar? ve Yatay Çizgiler:
Paragraflar
etiketiyle olu?turulur. Paragraf metni
ile
aras?nda yer al?r. Örne?in:
Bu bir paragraft?r.

Paragraf ba?latmadan bir sat?r bo?lu?u yaratmak için
etiketi kullan?l?r. Örne?in:
Paragraf?n ilk sat?r?.
Paragraf?n ikinci sat?r?.

Sayfaya (a?a??daki gibi) yatay çizgi eklemek için
etiketini kullan?r?z.

HTML etiketi Etiketin Web Sayfas?ndaki görüntüsü

Birinci paragraf

?kinci paragraf

Üçüncü paragraf

Alt sat?r

Birinci paragraf
Ikinci paragraf
Üçüncü paragraf
Alt Sat?r

Ba?a Dön

MET?NLER

. .
Color yaz? karakterinin rengini, face yazi tipini (arial, verdana, tahoma gibi), size da boyutunu belirler. Size de?i?keninde kullan?lan rakam 1'den 7'ye kadard?r.
etiketi HTML 4. 0 'da desteklenmemektedir ama yine de tarac?y?c?lar etiketi ile yap?lm?? biçimlendirmeyi destekler. Hala pek çok web sayfas?nda etiketi kullan?lmaktad?r. Ba?lang?ç seviyesi için etiketi kullanmak yeterliyken ilerki seviyeler için stilleri kullanman?z tavsiye edilir. (Bkz: Geli?mi? HTML Dersi Stiller ve Sat?r ?çi Kapsay?c?lar? Ba?l?klar?)
Font etiketi ile birlikte a?a??daki tabloda verilen etiketleri kullanarak sayfan?zdaki metinleri biçimlendirebilirsiniz.
EtiketAç?klamaUygulama
. . Kal?n biçimlendirme Metin
. . ?talik biçimlendirme Metin
. . Alt? çizgili biçimlendirme Metin
^{. .} Üst simge X²
_{. .} Alt simge H₂
`. .` Bilgisayar kodu biçimi Metin
. .
Alinti biçimi
Metin
Not: Metin biçimlerken ba?lad???n?z etiketi kapatmay? unutmay?n.
Renkler :

En s?k kullan?lan ve hemen hemen bütün taray?c?lar?n destekledi?i 16 renk a?a??dakilerdir:
Renk Renk adi: Renk Renk adi:
aqua black
blue fuchsia
gray green
lime maroon
navy olive
purple red
silver teal
white yellow
Web renkleri ile ilgili ayr?nt?l? bilgiyi buradan bulabilirsiniz.
Örnek :

Bu örnekte sayfan?n arkaplan rengi ye?il olur.
ayn? sonucu verir.
Örnek :
Font rengi "indigo" oldu. Etiketi kapatt???m?z için tekrar normale döndü.

L?NKLER:

Linkler . . . etiketi içinde, href="" komutuyla belirtilir.
Örnek:
ODTÜ Ana Sayfas?
ODTÜ Ana Sayfas?
Bu örnekte bir de target de?i?keni verilmi?tir. Adresi verilen web sayfas?n?n ba?ka bir pencerede aç?lmas?n? isterseniz target="_blank" komutunu eklemeniz gerekir. Ayn? pencerede aç?lmas?n? isterseniz ilgili de?i?keni target="_top" ?eklinde yazabilirsiniz. Hiç bir ?ey yaz?lmazsa da sayfa ayn? pencerede aç?l?r.
title de?i?kenini kullanarak da fare linkin üzerine geldi?inde gözükecek link aç?klamas?n? ekleyebilirsiniz. A?a??daki örnekte fareyle linkin üzerine gelip beklerseniz Orta Do?u Teknik Üniversitesi yaz?s?n? göreceksiniz.
Mustafa Dalc?
Mustafa Dalc?
E?er haz?rlad???n?z dokümanlar aras?nda bir ba?lant? kurmak istiyorsan?iz, etiketini a?a??daki gibi kullanmal?s?n?z.
Önceki sayfa
Bir e-posta adresine link vermek istiyorsan?z:
E-posta atmak için t?klay?n.
E-posta atmak için t?klay?n.
Bu linke t?kland???nda bilgisayarda kurulu varsay?lan e-posta okuma program? aç?l?r ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar.
Ayn? doküman içinde ba?lant? kurmak istersek tutturucu noktalar? (anchor points) kullan?r?z. Tutturucu HTML sayfas?nda bir yer i?aretidir. ?smi ile bir bölgeyi belirler ve bu tutturucuya bir link verebilirsiniz. Bu sayfadaki her konu ba?l???na bir tutturucu belirlenmi?tir. Sayfa ba??ndaki listede herhangi bir ba?l??a t?klad???n?zda sayfa içindeki ilgili konu ba?l???na gider. Örnek olarak Resim Ekleme bölümüne gitmek için buraya t?klayabilirsiniz. Tutturucular?n kullan?m? a?a??daki gibidir.
Linkler ba?l???na a?a??daki gibi bir tutturucu belirleriz.
Linkler
Sayfan?n herhangi bir bölümünde yukar?da belirledi?imiz tutturucuya a?a??daki gibi link veririz
Linklere git
Sa? tarafta bulunan Ba?a Dön linkleri de bu ?ekilde haz?rlanm??t?r.
Ba?a Dön

RES?M EKLEME

Resim ekleme:

?eklinde olur. Dikkat etmemiz gereken kulanaca??m?z resmin dizin yap?s?d?r.
Ba??ms?z De?i?kenler :

alt: Resme aç?klama vermemizi sa?lar. Fareyi resmin üstüne getirdi?imizde, alt de?i?keninde yaz?lan aç?klama ekranda ç?kar. E?er resim aç?lmazsa, onun yerine aç?klama görünür.
src : Resim dosyas?n?n kayna??n? belirtir.
E?er web sayfas?n?n arka plan?nda bir imaj?n ç?kmas? istenirse:
?eklinde yaz?l?r.
Resimleri linke dönü?türmek için etiketi ile etiketini içiçe kullan?r?z.

Not: Resimlerin width ve height de?i?kenlerini belirtmeniz sayfan?z?n yüklenirken ?eklinin bozulmas?n? önler.
Ba?a Dön

L?STELER:

Üç çesit liste vard?r:
i. S?ral? Liste(Ordered List):
HTML etiketi Etiketin Web Sayfas?ndaki görüntüsü
Çerezler:
Kavurga
Çekirdek
M?s?r
Cips

Içkiler:
Bira
Votka
?arap
Viski
Rak?

Çerezler:
Kavurga
Çekirdek
M?s?r
Cips

Içkiler:
Bira
Votka
?arap
Viski
Rak?
Örnek:
Örnekte görüldü?ü gibi type de?i?keni s?ral? listenin türünü belirler. Type de?i?keni için a?a??daki de?erlerden biri kullan?labilir:
type: {1, a, A, I, i}
Listeyi start de?i?keni ile istedi?imiz say?dan baslatabiliriz:
Örnek:
HTML etiketi Etiketin Web Sayfas?ndaki görüntüsü
Çerezler:
Kavurga
Çekirdek
M?s?r
Cips

Çerezler:
Kavurga
Çekirdek
M?s?r
Cips
ii. S?ras?z Liste(Unordered List):
Örnek:
HTML etiketi Etiketin Web Sayfas?ndaki görüntüsü
Çerezler:
Kavurga

Çekirdek

M?s?r

Cips

Içkiler:
Bira

Votka

?arap

Viski

Rak?

Çerezler:
Kavurga
Çekirdek
M?s?r
Cips

Içkiler:
Bira
Votka
?arap
Viski
Rak?
Benzer ?ekilde burada da type de?i?keni s?ras?z listenin i?aretini belirler. Type de?i?keni için a?a??daki de?erlerden biri kullan?labilir:
type:{square, disc, circle}
iii. Tan?mlama Listeleri (Definition List):
HTML etiketi Etiketin Web Sayfas?ndaki görüntüsü

Karbonhidrat ve ben
En çok bol karbonhidratl? yemekleri severim, özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mant?ya da bay?l?r?m.

Sebze ve ben
Sebzeyle aram pek iyi de?ildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun d???nda dolma, sarma da güzeldir.

Et ve ben
Et seven bir insanimdir. Her çesit kebabi afiyetle yerim. K?rm?z? olsun, beyaz olsun, hemen hemen bütün etleri yerim. Bal?k seçerim ama.

Karbonhidrat ve ben
En çok bol karbonhidratl? yemekleri severim, özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mant?ya da bay?l?r?m.
Sebze ve ben
Sebzeyle aram pek iyi de?ildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun d???nda dolma, sarma da güzeldir.
Et ve ben
Et seven bir insan?md?r. Her çesit kebab? afiyetle yerim. K?rm?z? olsun, beyaz olsun, hemen hemen bütün etleri yerim. Bal?k seçerim ama.
Örnek:
Ba?a Dön

TABLOLAR**

Tablolar . . . .
etiketleri aras?nda olu?turulur. etiketinden sonra daima gelir. Her sat?r tan?mland???nda, her hücre tan?mland???nda da
etiketi kullan?l?r.
Örnek :

1. hücre 2. hücre 3. hücre
4. hücre 5. hücre 6. hücre

1. hücre 2. hücre 3. hücre
4. hücre 5. hücre 6. hücre
Ba??ms?z De?i?kenler:

border : Çerçevenin kal?nl???n? belirler. border="0" dersek tabloda çerçeve bulunmaz, bu miktar? artt?rd?kça çerçevenin kal?nl??? da artar.
cellpadding , cellspacing : Hücre elemanlar?n?n s?n?rlara olan uzakl??? cellpadding, sat?r ve sütunlar?n uzakl??? ise cellspacing de?i?keni ile belirtilir.
bgcolor: ?eklinde kullanarak bütün tablo ya da etiketi silinir.
Örnek :

?eklinde sadece tek bir hücre renklendirilir.
align : Hücredeki eleman?n yatay konumunu belirler ve "right, left, center" opsiyonlar? ile kullan?l?r.
valign : Hücre eleman?n?n dü?ey konumunu belirler ve opsiyonlar? "top, bottom, middle"d?r.
colspan , rowspan : Ayn? sat?rdaki hücreleri birle?tirmek için colspan, ayn? sütundaki hücreleri birle?tirmek için de rowspan de?i?keni kullan?l?r. Birle?tirilen hücreye ait . .

1. hücre 2. hücre 3. hücre
4. hücre 5. hücre
6. hücre 7. hücre

1. hücre 2. hücre 3. hücre
4. hücre 5. hücre
6. hücre 7. hücre
S

FORMLAR

Formlar . . .
etiketleri aras?nda olu?turulur. Form bilgilerini action de?i?keninin içine yazd???n?z dosyaya veri olarak gönderebilirsiniz. Formlar sayesinde anket ve geribildirim uygulamalar? haz?rlayabilirsiniz. Ayr?nt?l? bilgi için buraya t?klay?n.
Örnek:

Isim/soyad :

Do?um yeri :

Do?um tarihi :

Cinsiyet : Erkek Kiz

Hobiler:

Müzik dinlemek

Manti açmak

Bungee Jumping

Aikido

Halay çekmek

Di?er :

?ifrenizi giriniz:

Isim/soyad :
Do?um yeri :
Do?um tarihi :
Cinsiyet : Erkek Kiz
Hobiler:
Müzik dinlemek
Mant? açmak
Bungee Jumping
Aikido
Halay çekmek
Di?er :

?ifrenizi giriniz:

action: Formun gönderilece?i adresi belirtir.
method="get":Formdaki bilgiler ba?ka bir dosyaya gönderilecekse kullan?l?r.
method="post":Formdaki bilgiler bir adrese postalanacaksa kullan?l?r.
type="text" : Tek sat?rl?k bir metin alan? açar.
size="" :Bu metin alan?n?n boyutunu belirler.
type="checkbox" : Çok seçenekli bir sorunun birden fazla yan?t?n? almam?z? sa?lar.
type="radio" : Tek seçenekli bir sorunun tek yan?t? al?n?r.
type="submit" : formu action'la belirtilen dosyaya yönlendiren bir buton yarat?r.
type="reset" :Bu butona bas?nca form bo? hale gelir
type="password" : Bir password alan? olusturur. Buraya girilen her karakter * ?eklinde görünür.
:</strong><i>type="text"</i> gibi tek sat?rl? de?il de çok sat?rl? bir metin alan? istiyorsak bu etiketi kullaniriz. cols metin alan?n?n uzunlu?unu, rows ise yüksekli?ini pixel cinsinden verir.<br /><strong><u>Listeleme:</u></strong><br /><strong>Select</strong> ve <strong>option </strong>etiketlerini kullanarak seçimlik liste (menü) olu?turabiliriz. <strong>Option</strong> etiketi ile belirtilen her bir de?er listenin bir elaman?n? olu?turur ve fareyle seçilen bu elemanlardan biri <strong>select</strong> etiketinde belirtilen de?i?kenin de?eri haline gelir.<br /><strong>Örnek: </strong><br /><select name="otolar"><br /><option>Alfa Romeo</option><br /><option>BMW</option><br /><option>Peugeot</option><br /><option>Renault</option><br /><option>Seat</option><br /><option>Lada</option><br /></select></U></strong>HTML dokümanlar?nda renkler ya ?ngilizce isimleriyle, ya da 16'l?k say? düzenindeki "hexadecimal" de?erleriyle belirtilir.</div><div class="clear"></div></div><span class="gensmall"></span></td></tr><tr><td colspan="2"><div class="fa_like_div"><p class="fa_like_list" style="display: none;"></p><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg><span>Like</span><span class="rep-nb" style="display:none;"></span></button><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg><span>Dislike</span><span class="rep-nb" style="display:none;"></span></button></div></td></tr></table></td></tr><tr class="post--3474" style=""><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://2img.net/i/empty.gif" alt="Sayfa başına dön" loading="lazy" /></a> <a href="#bottom"><img class="sprite-arrow_subsilver_down" src="https://2img.net/i/empty.gif" alt="Aşağa gitmek" loading="lazy" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> <a href="http://muhtesimturhan.yetkinblog.com" title="Kullanıcının web sitesini ziyaret et" target="_blank" rel="nofollow"><img src="https://2img.net/i/fa/macinscott/icon_www.gif" alt="http://muhtesimturhan.yetkinblog.com" /></a> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">HTML DERSLERİ</div></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://2img.net/i/empty.gif" alt="Sayfa başına dön" loading="lazy" /></a> </td></tr></table></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall"><strong>1</strong> sayfadaki <strong>1</strong> sayfası</span></td></tr><tr><td class="row2" colspan="2" align="right" valign="top"><span class="gensmall"></span></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> Similar topics</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://2img.net/i/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></table><table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"><tr><td class="catBottom" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><div class="cattitle"> Similar topics</div></td><td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://2img.net/i/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr><tr><td class="row2 postbody" valign="top">» <a style="text-decoration:none" href="/t1995-acikogretim-ve-meslek-dersleri" title="AÇIKÖĞRETİM VE MESLEK DERSLERİ">AÇIKÖĞRETİM VE MESLEK DERSLERİ</a><br /></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>Bu forumun müsaadesi var:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall">Bu forumdaki mesajlara cevap <strong>verebilirsiniz</strong><br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/"> .Sözüm Ona.</a><a class="nav" href=""></a> :: <a href="/f31-ders-konulari-ve-odevler" class="nav"><span>DERS KONULARI VE ÖDEVLER</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_less" src="https://2img.net/i/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/"> .Sözüm Ona.</a><a class="nav" href=""></a> :: <a href="/f31-ders-konulari-ve-odevler" class="nav"><span>DERS KONULARI VE ÖDEVLER</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_more" src="https://2img.net/i/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"><a href="/post?f=31&mode=newtopic" rel="nofollow"><img src="https://2img.net/s/t/10/77/49/i_post.gif" id="Newtopic" alt="Yeni Başlık Gönder" align="middle" border="0" /></a> <a href="/post?t=2369&mode=reply"><img src="https://2img.net/s/t/10/77/49/i_reply.gif" alt="Cevap Gönder" align="middle" border="0" /></a></span></td><td align="right" nowrap="nowrap"><span class="gensmall">Buraya geçin: <select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Bir Forum Seçin</option><option value="-1"></option><option value="-1">|</option><option fa_attr="true" value="f1">|--Bu FoRuMDa KuRaLLaR</option><option fa_attr="true" value="f29">|--TaNıŞMa ve SeLaMLaŞmA</option><option fa_attr="true" value="f32">|--ŞU ANKİ DUYGULARINIZ ?</option><option fa_attr="true" value="f10">|--İSLAM ve İSLAM' a DaiR</option><option fa_attr="true" value="f2">|--GÜnCeL _ GüNcEL</option><option fa_attr="true" value="f3">|--HaYat ve İNSaN</option><option fa_attr="true" value="f5">|--ŞiiR Evi</option><option fa_attr="true" value="f6">|--NerDe KaLMıŞTıK</option><option fa_attr="true" value="f7">|--BiYoGRafiLeR</option><option fa_attr="true" value="f31">|--DERS KONULARI VE ÖDEVLER</option><option fa_attr="true" value="f18">|--SoSyoLoGLar SokaĞı</option><option fa_attr="true" value="f20">|--_ TÜRKİYEM _</option><option fa_attr="true" value="f21">| |--istanbul,ankara,izmir,bursa,adana</option><option value="-1">| </option><option fa_attr="true" value="f17">|--SeRBeSt KüRsÜ</option><option fa_attr="true" value="f28">|--MÜZİK & EĞLENCE</option><option fa_attr="true" value="f8">|--SaĞLıK ve YaŞaM</option><option fa_attr="true" value="f30">|--MizAH</option><option fa_attr="true" value="f9">|--SpOR ve YaşaM</option><option fa_attr="true" value="f11">|--TEKNOLOJİ</option><option fa_attr="true" value="f12">|--BiZiM MuTFaK</option><option fa_attr="true" value="f13">|--FENERB@HÇE</option><option fa_attr="true" value="f26">|--GÜLSENE VETERANSPOR TAKIMI</option><option fa_attr="true" value="f14">|--GaLaTaSaRaY</option><option fa_attr="true" value="f15">|--BeŞiKTaŞ JİMNASTİK KULUBU</option><option fa_attr="true" value="f16">|--TRABZONSPOR</option><option fa_attr="true" value="f23">|--DİĞER KULUPLERİMİZ</option><option fa_attr="true" value="f24">|--DİĞER SPOR BRANŞLARI</option><option fa_attr="true" value="f25">|--HOBİ_DEKORASYON_BAHÇE ve EV İŞLERİ</option><option fa_attr="true" value="f33">|--PRATİK ÖNERİLER</option><option fa_attr="true" value="f27">|--SeN Bu ForuM'uN ......... sin ??</option></select><input type="hidden" name="tid" value="9f42fadfaf313812e9800998ecf8427e" /> <input class="liteoption" type="submit" value="OK" /></span></td></tr></table></form><table class="forumline 68530fe7" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td style="background:#efefef;padding:inherit 0"><table width="100%" cellspacing="1" cellpadding="1" border="0" style="background:#efefef"><tr><td><div align="center"><div> <div id="taboola-below-desktop-forum-thumbnails" style="max-width:1000px; background-color: #fffd"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'thumbnails-desktop-a', container: 'taboola-below-desktop-forum-thumbnails', placement: 'Below Desktop Forum Thumbnails', target_type: 'mix' }); </script></div></div></td></tr></table></td></tr></table><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><div id="page-footer"><div align="center"><div class="gen"><strong><a href="http://www.yetkinforum.com/forum-kurmak/phpbb3" target="_blank">forum kurmak</a></strong> | <strong><a href="https://www.yetkinforum.com/directory/sports-and-hobbies" target="_blank">Sporlar ve Hobiler</a></strong> | <strong><a href="https://www.yetkinforum.com/directory/sports-and-hobbies/collectives-sports" target="_blank">Collectives sports</a></strong> | <span class="gensmall">©</span><a href="https://www.yetkinforum.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://help.forumotion.com/" target="_blank">Bedava yardımlaşma forumu</a> | <a href="/abuse?page=%2Ft2369-html-dersleri&report=1" rel="nofollow">Suistimalı göstermek</a> | <strong><a href="/latest" target="_blank">Son tartışmalar</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://sosyologlarsokagi.yetkinforum.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'tr'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: '9019de09e2fbd24ca1be00a9fededd9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script> <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script>  <div id="criteo_sticky"> <script type="text/javascript"> function CreateStickyFooterContainer(e) { var t = document.getElementById(e); t.style.position = "fixed", t.style.zIndex = "2147483646", t.style.bottom = "0", t.style.left = "0", t.style.padding = "0", t.style.borderColor = "rgb(196, 196, 196)", t.style.width = "100%", t.style.backgroundColor = "rgba(245, 245, 245, 0.54902)", t.style.borderStyle = "solid", t.style.borderWidth = "1px"; var o = document.createElement("a"); t.appendChild(o), o.style.backgroundColor = "rgb(221, 221, 221)", o.style.backgroundImage = "url('//static.criteo.net/images/criteo/publishertag/close.png')", o.style.backgroundRepeat = "no-repeat", o.style.backgroundPosition = "center", o.style.display = "block", o.style.position = "absolute", o.style.left = "0", o.style.top = "-24px", o.style.width = "23px", o.style.height = "24px", o.style.borderBottomColor = "#6d6c71", o.style.cursor = "pointer", o.onclick = function() { t.style.display = "none" }; var l = document.createElement("div"); l.id = "cto_sticky", l.style.margin = "0 auto", l.style.display = "table"; t.appendChild(l); return l.id }; Criteo.events.push(function() { if(!isMobile){ Criteo.Passback.RenderAd(CreateStickyFooterContainer("criteo_sticky"), function(){ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.removeAttribute("style"); }); } else{ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.style.display = "none"; } }); </script> </div> </body></html>