Web sayfalarında kullanılan görsel etiketleri, sayfaların görsel açıdan daha cazip ve etkileyici olmasını sağlar Bu etiketler arasında ,

Liste Etiketleri

Liste etiketleri, web sayfalarında listeler oluşturmak için kullanılır Bu etiketler arasında

,
,
1. gibi etiketler
   

   Bunun yanı sıra, form etiketleri, kullanıcıların web sayfaları üzerindeki içeriklere etkileşimde bulunmasına izin verir. Bu etiketler arasında

   , , , <button> gibi etiketler yer alır. Web sayfalarında diğer sayfalara veya kaynaklara bağlantı vermek istediğinizde ise bağlantı etiketlerine başvurulabilir. Bu etiketler arasında <a>, <link>, <nav> gibi etiketler yer alır. Görsel etiketleri ise web sayfalarında resimleri veya videoları göstermek için kullanılır. Bu etiketler arasında <img>, <video>, <audio> gibi etiketler yer alır. Liste etiketleri, web sayfalarında listeler oluşturmak için kullanılır. Bu etiketler arasında <ul>, <ol>, <li> gibi etiketler yer alır. Sayfa yapısı etiketleri, web sayfalarını organize etmek için kullanılır. Bu etiketler arasında <header>, <footer>, <section>, <article> gibi etiketler yer alır. Biçimlendirme etiketleri ise web sayfalarını biçimlendirmek için kullanılır. Bu etiketler arasında <div>, <span>, <br>, <hr> gibi etiketler yer alır. Bu etiketlerin kullanımı, web sayfalarının görünüm, navigasyon, işlevsellik ve kullanılabilirliğini iyileştirebilir. HTML5 etiketleri, daha önceki sürümlerde mevcut olmayan özelliklerle birlikte geldiğinden, sayfalarınızın hem görünümü hem de kullanılabilirliği açısından daha fazla çeşitlilik sunabilir. Bu nedenle, HTML5 işaretlerini kullanarak web sayfalarınızı daha da geliştirebilirsiniz.<br /><h4>Metin Etiketleri</h4><p>Web sayfalarının en temel öğelerinden biri metindir ve bu metinlerin okunabilirliği ve görsel olarak hoş görünmesi oldukça önemlidir. İşte bu noktada HTML5’in metin etiketleri devreye girer. Metin etiketleri, web sayfalarındaki metinleri biçimlendirmek için kullanılır ve sayfadaki metinlerin anlaşılırlığını ve okunabilirliğini arttırır.</p><table> <tr> <th>Etiket</th> <th>Açıklama</th> </tr> <tr> <td><p></td> <td>Paragraf başlangıcı ve sonunu belirler</td> </tr> <tr> <td>Sayfanın ana başlığını belirler</td> </tr> <tr> <td><br /><h4></td> <td>Alt başlıkları belirler</td> </tr> <tr> <td><br /><h4></td> <td>Alt başlıkları belirler</td> </tr></table><p>Metin etiketleri, sayfadaki metinlerin görsel olarak daha düzenli ve okunaklı görünmesine yardımcı olur. Aynı zamanda web sayfası tasarımcılarına da metinlerin daha iyi vurgulanması ve sıralanması için imkan sağlar.</p><br /><h4>Form Etiketleri</h4><p>Web sayfaları, kullanıcının içeriğe etkileşimde bulunmasına olanak sağlayan formları kullanarak dinamik hale getirir. Bu amaçla kullanılacak HTML etiketlerine "Form Etiketleri" adı verilir. </p><p><strong><u><em><form></em></u></strong> etiketi, bir form oluşturmak için kullanılır. Formun özelliklerini belirlemek için, özellikleri ayarlamak üzere <em><u>"method"</u></em> ve <em><u>"action"</u></em> gibi Nitelik etiketleri ile birlikte kullanılır.</p><table><tr> <th>Etiket</th> <th>Kullanım Açıklaması</th></tr><tr> <td><input></td> <td>Kullanıcının formlara veri girmesine izin veren çeşitli giriş alanları tanımlar. Bu alanlar metin kutusu, onay kutusu, radio button vb. olabilir.</td></tr><tr> <td><textarea></td> <td>Metin girilmesine izin veren çok satırlı bir metin kutusu oluşturur. Bu etiketin nitelikleri satır ve sütun sayısını belirler.</td></tr><tr> <td><button></td> <td>HTML formuna bir düğme ekler. HTML formu göndermeden önce kullanıcının tıklaması gereken bir düğme oluşturulabilir.</td></tr></table><p><form> etiketinin içeriği, kullanıcı tarafından gönderilen verileri işlemek için <em><u>"server-side"</u></em>, yani sunucu tarafından çalışan bir işlemci tarafından işlenebilir. Bu, yorumlanabilir veya veritabanına kaydedilebilir. </p><p>Bu temel etiketler sayesinde, web sayfaları etkileşimli hale getirilebilir.</p><br /><h4>Bağlantı Etiketleri</h4><p>Bağlantı etiketleri, web sayfalarında diğer sayfalara veya kaynaklara bağlantı vermek için kullanılır. Bu etiketler arasında <a>, <link>, <nav> gibi etiketler yer alır. En sık kullanılan bağlantı etiketi <a> etiketidir. Bu etiket, tıklanabilir metin veya resimler oluşturmak için kullanılır.</p><p>Örneğin, bir web sayfasından diğer bir web sayfasına veya bir e-postadan bir web sayfasına bağlantı vermek istiyorsanız, <a> etiketini kullanabilirsiniz. Bu etiketin içinde, bağlantı vermek istediğiniz sayfanın web adresini veya URL'sini belirtmeniz gerekiyor.</p><p>Bağlantılar, web sayfasının SEO'sunu etkileyen önemli bir faktördür. Bağlantılar sayesinde web sayfanız daha yüksek arama motoru sıralamalarına ve daha fazla trafik almaya yardımcı olur. Ancak, bağlantıların doğru biçimde kullanılması önemlidir. Yanlış bağlantılar, web sayfanızın SEO'sunu olumsuz etkileyebilir.</p><table> <caption>Bağlantı Etiketi Örnekleri</caption> <tr> <th>Etiket</th> <th>Tanımı</th> </tr> <tr> <td><a href="url">text</a></td> <td>Gösterilecek metni koyun ve URL'yi belirleyin.</td> </tr> <tr> <td><link rel="stylesheet" type="text/css" href="style.css"></td> <td>Bir dış stil sayfasına bağlantı vermek için kullanılır.</td> </tr> <tr> <td><nav></td> <td>Sayfada gezinmeyi kolaylaştırmak için kullanılır.</td> </tr></table><p>Bağlantı etiketleri, web sayfalarının kullanıcı deneyimini iyileştirmenin yanı sıra SEO uyumlu web sayfaları oluşturmanıza yardımcı olur. Doğru biçimde kullanıldığında, web sayfanızın ziyaretçi sayısı ve olumlu geri dönüşlerini artırabilirsiniz.</p><br /><h4>Görsel Etiketleri</h4><p>Görsel etiketleri, web sayfalarında resimleri veya videoları göstermek için kullanılır. Bu sayede web sayfalarında daha estetik bir görüntü elde etmek mümkün hale gelir. Görsel etiketleri arasında <img> etiketi, bir web sayfasında resimlerin görüntülenmesi için kullanılır. Bu etiket, src özelliği ile görüntülenmek istenen resmin kaynağı belirtilerek kullanılır. Ayrıca, alt özelliği kullanılarak resmin açıklaması da eklenir.</p><p><video> etiketi, web sayfalarında video içeriklerinin gösterilmesi için kullanılır. Bu etiket, web sayfasında kaydedilen video içeriğinin izlenmesini sağlar. Src özelliği ile video kaynağı belirtilirken, width ve height özellikleri ile de video boyutları belirlenir. Bu etiket içinde yer alan <source> etiketi ise farklı tarayıcılarda çalışan farklı video formatları için kullanılır.</p><p><audio> etiketi ise, web sayfalarında ses dosyalarını dinleme imkanı sunar. Bu etiket de src özelliği ile ses dosyasının kaynağı belirtilir ve <source> etiketi ile farklı tarayıcılarda çalışan farklı ses formatları desteklenir.</p><br /><h4>Liste Etiketleri</h4><p>Listeleme etiketleri, web sayfalarında listeler oluşturmak için kullanılır ve görsel bir düzen sağlar. Bu sayede okuyucular, liste halinde sunulan bilgileri daha rahat şekilde okuyabilirler. Liste etiketleri arasında <ul>, <ol>, <li> gibi etiketler yer alır.</p><p><strong><i>Unordered List Etiketi (<ul>)</i></strong><br>Bu etiket, sırası olmayan listeler oluşturmak için kullanılır. Bu listeler, madde işaretleriyle gösterilir ve her bir liste elemanı <li> etiketi içinde yer alır. Örneğin:</p><table> <tr> <th>Kod</th> <th>Çıktı</th> </tr> <tr> <td><ul><br> <li>Kırmızı</li><br> <li>Yeşil</li><br> <li>Mavi</li><br> </ul></td> <td> <ul> <li>Kırmızı</li> <li>Yeşil</li> <li>Mavi</li> </ul> </td> </tr></table><p><strong><i>Ordered List Etiketi (<ol>)</i></strong><br>Bu etiket, sıralı listeler oluşturmak için kullanılır. Bu listeler, numaralandırılmış şekilde gösterilir ve her bir liste elemanı <li> etiketi içinde yer alır. Örneğin:</p><table> <tr> <th>Kod</th> <th>Çıktı</th> </tr> <tr> <td><ol><br> <li>İstanbul</li><br> <li>Ankara</li><br> <li>İzmir</li><br> </ol></td> <td> <ol> <li>İstanbul</li> <li>Ankara</li> <li>İzmir</li> </ol> </td> </tr></table><p><strong><i>List Etiketi (<li>)</i></strong><br>Bu etiket, <ul> veya <ol> etiketi içinde yer alan her bir liste öğesi için kullanılır. Her bir öğe özel olarak ele alınır ve liste içindeki sıradaki yerini belirtir. Örneğin:</p><table> <tr> <th>Kod</th> <th>Çıktı</th> </tr> <tr> <td><ul><br> <li>Kırmızı</li><br> <li>Yeşil</li><br> <li>Mavi</li><br> </ul></td> <td> <ul> <li>Kırmızı</li> <li>Yeşil</li> <li>Mavi</li> </ul> </td> </tr></table><p>Web geliştiriciler, liste etiketlerinin farklı kullanım senaryolarına uygun olarak, sıralı veya sırası olmayan listeleri biçimlendirebilir ve web sayfalarını daha anlaşılır hale getirebilirler.</p><br /><h4>Audio ve Video Etiketleri</h4><p>HTML5 tagleri, modern web geliştirmenin yaygın standartlarından biridir ve sunulan yeni özellikleri sayesinde geliştiricilere daha özelleştirilebilir web sayfaları oluşturma imkanı sunar. Bu makalede, özellikle audio ve video içeriklerin gösterimi için kullanılan etiketler olan <audio> ve <video> etiketleri hakkında bilgi vereceğiz.</p><p>Audio etiketi, web sayfalarında çeşitli ses içerikleri göstermek için kullanılır. Bu etiketin özellikleri arasında src, controls, preload, autoplay vb. yer alır. src, ses içeriğinin bulunduğu URL'yi ve dosya türünü belirtir. controls, içeriği dinleyen kişinin oynatma, durdurma, ses ayarı vb. işlemleri gerçekleştirmesine olanak tanır. Preload, sayfa yüklendiğinde ses dosyasının ön yükleme işleminin gerçekleşip gerçekleştirilmeyeceğini belirler. Autoplay, sayfa yüklendiğinde ses dosyasının otomatik olarak oynatılıp oynatılmayacağını belirler.</p><p>Video etiketi ise, web sayfalarında video içeriklerinin gösterilmesinde kullanılır. Video etiketi de aynı audio etiketi gibi src, controls, preload, autoplay vb. özelliklere sahiptir. src, video içeriğinin bulunduğu URL'yi ve dosya türünü belirtir. Controls, kullanıcının oynatma, durdurma, geri alma, ses ayarı vb. işlemlerini yapmasını sağlar. Preload, videonun yüklenme sürecini belirler. Autoplay ise, sayfa yüklendiğinde videonun otomatik olarak oynatılıp oynatılmayacağını belirler.</p><p>HTML5 tagleri arasında yer alan <audio> ve <video> etiketleri, web sayfalarında ses ve video içeriklerin gösteriminde büyük bir kolaylık sağlar. Bu etiketlerle, web sayfalarınıza daha dinamik ve etkileyici öğeler ekleyebilirsiniz. Aynı zamanda, bu etiketlerin yanı sıra, sayfa yapısı, form, bağlantı, liste, meta etiketleri vb. gibi birçok diğer etiketleri de kullanarak, sitenizi daha işlevsel hale getirebilirsiniz.</p><br /><h4>Sayfa Yapısı Etiketleri</h4><p>Sayfa yapısı etiketleri, bir web sayfasının organizasyonunu ve yapısını düzenlemek için kullanılır. Bu etiketler, web sayfalarının okunaklılığını ve kullanılabilirliğini artırmak için önemlidir. En sık kullanılan sayfa yapısı etiketleri arasında <header>, <footer>, <section>, <article> gibi etiketler yer alır. </p><p><header> ve <footer> etiketleri, sayfanın üst ve alt kısmında bulunan öğelere uygulanır. <header> etiketi, web sayfasının başlığını veya logolarını içeren bir bölümü tanımlamak için kullanılırken, <footer> etiketi genellikle site haritası, iletişim bilgileri veya telif hakkı bilgisi gibi bilgileri içeren bir bölümü tanımlar. </p><p><section> etiketi, web sayfasının ana bölümünü tanımlamak için kullanılır. Örneğin, bir haber bültenini yayınlayan bir web sayfasında, her haber bülteni bir <section> etiketi altında tanımlanabilir. </p><p><article> etiketi, web sayfasındaki özgün içeriği tanımlamak için kullanılır. Bu etiket, bir blog yazısı, bir makale veya bir ürün açıklaması gibi tek başına bir içeriği nitelendirmek için idealdir. </p><p>Sayfa yapısı etiketleri, web sayfalarının yapılandırılmasında büyük bir rol oynar. Kullanıcıların sayfada gezinmesini kolaylaştırmak ve arama motorlarının web sayfalarını görüntüleme şeklini etkilemek gibi önemli avantajları vardır. Bu etiketleri doğru şekilde kullanarak, web sayfanızın düzenli ve yapılandırılmış olmasını sağlayabilirsiniz.</p><br /><h4>Biçimlendirme Etiketleri</h4><p>Web sayfalarında metinleri, resimleri veya videoları düzenlemek için biçimlendirme etiketleri kullanılır. Bu etiketler arasında <div>, <span>, <br>, <hr> gibi etiketler yer alır.</p><p><b><i>Div Etiketi:</i></b> Div etiketi, içerisine aldığı tüm öğeleri blok halinde gruplamak için kullanılır. Örneğin, bir web sayfasında başlık, metin ve resim farklı yerlerde olsa da, div etiketi kullanarak bu öğeleri bir arada gruplayabilirsiniz. Bu sayede, istediğiniz öğeye kolaylıkla stil ve düzenleme ekleyebilirsiniz.</p><p><b><i>Span Etiketi:</i></b> Span etiketi, div etiketi gibi öğeleri gruplandırmak için kullanılır. Ancak, span etiketi ile gruplandırılan öğeler blok halinde değil, satır içinde gösterilir. Bu özellik, metin içindeki küçük alanları vurgulamak veya stil eklemek için çok kullanışlıdır.</p><p><b><i>Br Etiketi:</i></b> Br etiketi, bir satırın altına yeni bir satır eklemek için kullanılır. Örneğin, şiir veya adres gibi metinlerin okunabilirliğini artırmak için kullanılabilir.</p><p><b><i>Hr Etiketi:</i></b> Hr etiketi, web sayfasında yatay bir çizgi eklemek için kullanılır. Genellikle, bölümler arasında bir ayrım oluşturmak veya metinleri görsel olarak ayırmak için kullanılır.</p><p>Biçimlendirme etiketleri, web sayfalarını daha organize ve okunaklı hale getirmek için önemlidir. Doğru kullanıldığında, web sayfanızın görünümünü ve kullanıcı deneyimini iyileştirebilir ve amaçlarına ulaşmasına yardımcı olabilir.</p></p> </div> <div class="entry-footer"> <div class="post-tags"><span class="entry-footer__title">Etiketler:</span> <ul class="list-tags list-tags_grey list-unstyled"> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="HTML5" href="arama-sonuclari.html?mod=4&ara=HTML5">HTML5</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="web sayfaları" href="arama-sonuclari.html?mod=4&ara=web+sayfaları">web sayfaları</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="etiket" href="arama-sonuclari.html?mod=4&ara=etiket">etiket</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="form" href="arama-sonuclari.html?mod=4&ara=form">form</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="input" href="arama-sonuclari.html?mod=4&ara=input">input</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="textarea" href="arama-sonuclari.html?mod=4&ara=textarea">textarea</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="button" href="arama-sonuclari.html?mod=4&ara=button">button</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="a" href="arama-sonuclari.html?mod=4&ara=a">a</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="link" href="arama-sonuclari.html?mod=4&ara=link">link</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="nav" href="arama-sonuclari.html?mod=4&ara=nav">nav</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="img" href="arama-sonuclari.html?mod=4&ara=img">img</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="video" href="arama-sonuclari.html?mod=4&ara=video">video</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="audio" href="arama-sonuclari.html?mod=4&ara=audio">audio</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="ul" href="arama-sonuclari.html?mod=4&ara=ul">ul</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="ol" href="arama-sonuclari.html?mod=4&ara=ol">ol</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="li" href="arama-sonuclari.html?mod=4&ara=li">li</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="header" href="arama-sonuclari.html?mod=4&ara=header">header</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="footer" href="arama-sonuclari.html?mod=4&ara=footer">footer</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="section" href="arama-sonuclari.html?mod=4&ara=section">section</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="article" href="arama-sonuclari.html?mod=4&ara=article">article</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="div" href="arama-sonuclari.html?mod=4&ara=div">div</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="span" href="arama-sonuclari.html?mod=4&ara=span">span</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="br" href="arama-sonuclari.html?mod=4&ara=br">br</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="hr" href="arama-sonuclari.html?mod=4&ara=hr">hr</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="metin etiketleri" href="arama-sonuclari.html?mod=4&ara=metin+etiketleri">metin etiketleri</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="paragraf" href="arama-sonuclari.html?mod=4&ara=paragraf">paragraf</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="başlık" href="arama-sonuclari.html?mod=4&ara=başlık">başlık</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="form etiketleri" href="arama-sonuclari.html?mod=4&ara=form+etiketleri">form etiketleri</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="input" href="arama-sonuclari.html?mod=4&ara=input">input</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="textarea" href="arama-sonuclari.html?mod=4&ara=textarea">textarea</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="button" href="arama-sonuclari.html?mod=4&ara=button">button</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="server-side" href="arama-sonuclari.html?mod=4&ara=server-side">server-side</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="bağlantı etiketleri" href="arama-sonuclari.html?mod=4&ara=bağlantı+etiketleri">bağlantı etiketleri</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="a" href="arama-sonuclari.html?mod=4&ara=a">a</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="link" href="arama-sonuclari.html?mod=4&ara=link">link</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="nav" href="arama-sonuclari.html?mod=4&ara=nav">nav</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="SEO" href="arama-sonuclari.html?mod=4&ara=SEO">SEO</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="görsel etiketleri" href="arama-sonuclari.html?mod=4&ara=görsel+etiketleri">görsel etiketleri</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="resim" href="arama-sonuclari.html?mod=4&ara=resim">resim</a></li> <li id="mbt" class="list-tags__item"><a id="mbt" class="list-tags__link btn btn-default" title="video" href="arama-sonuclari.html?mod=4&ara=video">video</a></li> </ul> </div> </div> </div> </article> <!-- end .post--> <!-- end .section-comment--> <!-- end .section-reply-form--> </div> </div> </div> <div class="col-md-4"> <aside class="l-sidebar col_mrg-left_20"> <section class="widget section-sidebar"> <h2 class="widget-title ui-title-inner ui-title-inner_condensed"><span class="ui-title-inner__inner">Kategoriler</span></h2> <div class="widget-content"> <ul class="widget-list list list-mark-4"> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-935149-Web-Yazilim-Eticaret.html">Web - Yazılım - Eticaret</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-224447-Tip-Saglik.html">Tıp & Sağlık</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-609805-Evren-Yaratilis-Varolus.html">Evren & Yaratılış & Varoluş</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-640669-Teknolojiler.html">Teknolojiler</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-903149-Fizik-Kimya-Biyoloji.html">Fizik & Kimya & Biyoloji</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-700485-Spor.html">Spor</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-190961-Egitim.html">Eğitim</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-253601-Danismanlik.html">Danışmanlık</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-618323-Psikoloji-Psikiyatri.html">Psikoloji & Psikiyatri</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-358242-Muhendislik.html">Mühendislik</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-468393-Kodlama-Yazilim-Dilleri.html">Kodlama - Yazılım Dilleri</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-175853-Arsa-Emlak-Insaat.html">Arsa & Emlak & İnşaat</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-153043-Kahve-Yemek-Mutfak.html">Kahve & Yemek & Mutfak</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-637540-Tarih-Sosyal-Bilimler.html">Tarih & Sosyal Bilimler</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-605539-Genel-Kultur.html">Genel Kültür</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-362240-Astroloji.html">Astroloji</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-561991-Icatlar.html">İcatlar</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-482698-Yurtdisi-Egitim-Is-Yatirim.html">Yurtdışı Eğitim - İş - Yatırım</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-368835-Meslekler.html">Meslekler</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-560367-Bilim-Insanlari.html">Bilim İnsanları</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-849471-Sanat-Dallari.html">Sanat Dalları</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-645345-Pazaryerleri.html">Pazaryerleri</a></li> <li class="widget-list__item"><a class="widget-list__link mbt" href="kategori-detay-343966-Sosyal-Medya.html">Sosyal Medya</a></li> </ul> </div> </section> <!-- end .widget--> <div class="widget"><!-- end .b-banner--> </div> <!-- end .widget--> </aside> </div> </div> </div> </div> </div> <footer class="footer"> <!-- <div class="footer__main"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="footer-section"><a class="footer__logo" href="home.html"><img class="img-responsive" src="temalar/infoldia/assets/media/general/logo-footer.png" alt="Logo"/></a> <div class="footer__info"> <p>Lorem ipsum dolor amet consecteu adipisicing sed do eiusmod tempor incididunt labore dolore magna aliqua enimad minim tempor incididunt labore et dolore magna aliqua.</p> </div> <div class="footer__contact"><i class="icon fa fa-location-arrow"></i> 36 Canal Society, Victoria ML 00789</div> <div class="footer__contact"><i class="icon fa fa-phone"></i> +01 234 5678 / 0800 123.9876</div> <div class="footer__contact"><i class="icon fa fa-envelope"></i> contact@domain.com</div> <ul class="social-net list-inline"> <li class="social-net__item"><a class="social-net__link text-primary_h" href="twitter.html"><i class="icon fa fa-twitter"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="facebook.html"><i class="icon fa fa-facebook"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="plus.google.html"><i class="icon fa fa-google-plus"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="youtube-play.html"><i class="icon fa fa-youtube-play"></i></a></li> <li class="social-net__item"><a class="social-net__link text-primary_h" href="rss.html"><i class="icon fa fa-rss"></i></a></li> </ul> </div> </div> <div class="col-md-4"> <section class="footer-section"> <h3 class="footer-section__title ui-title-inner ui-title-inner_condensed"><span class="ui-title-inner__inner">recent posts</span></h3> <section class="b-post b-post_img-left b-post_light b-post_img-100 clearfix"> <div class="entry-media"><a class="js-zoom-images img-hover-effect" href="temalar/infoldia/assets/media/content/posts/100x80/1.jpg"><img class="img-responsive hov-scal" src="temalar/infoldia/assets/media/content/posts/100x80/1.jpg" alt="Foto"/></a></div> <div class="entry-main"> <div class="entry-header"> <h2 class="entry-title"><a href="blog-post.html">Equip exea comodas rue nsew uat duis ipsum</a></h2> <div class="entry-meta"><span class="entry-meta__item"><a class="entry-meta__link" href="blog-main.html"><strong>march 8, 2017</strong></a></span><span class="entry-meta__item"><i class="icon fa fa-comment-o text-primary"></i><a class="entry-meta__link" href="blog-main.html">29</a></span> </div> </div> </div> </section> <section class="b-post b-post_img-left b-post_light b-post_img-100 clearfix"> <div class="entry-media"><a class="js-zoom-images img-hover-effect" href="temalar/infoldia/assets/media/content/posts/100x80/2.jpg"><img class="img-responsive hov-scal" src="temalar/infoldia/assets/media/content/posts/100x80/2.jpg" alt="Foto"/></a></div> <div class="entry-main"> <div class="entry-header"> <h2 class="entry-title"><a href="blog-post.html">Lorem ipsum dolor sit do amet elit spa eiusmod</a></h2> <div class="entry-meta"><span class="entry-meta__item"><a class="entry-meta__link" href="blog-main.html"><strong>june 30, 2017</strong></a></span><span class="entry-meta__item"><i class="icon fa fa-comment-o text-primary"></i><a class="entry-meta__link" href="blog-main.html">14</a></span> </div> </div> </div> </section> <section class="b-post b-post_img-left b-post_light b-post_img-100 clearfix"> <div class="entry-media"><a class="js-zoom-images img-hover-effect" href="temalar/infoldia/assets/media/content/posts/100x80/3.jpg"><img class="img-responsive hov-scal" src="temalar/infoldia/assets/media/content/posts/100x80/3.jpg" alt="Foto"/></a></div> <div class="entry-main"> <div class="entry-header"> <h2 class="entry-title"><a href="blog-post.html">Exercitation ullamco ca laboris nisi ut aliquip ex ea</a></h2> <div class="entry-meta"><span class="entry-meta__item"><a class="entry-meta__link" href="blog-main.html"><strong>august 25, 2017</strong></a></span><span class="entry-meta__item"><i class="icon fa fa-comment-o text-primary"></i><a class="entry-meta__link" href="blog-main.html">14</a></span> </div> </div> </div> </section> </section> </div> <div class="col-md-4"> <section class="footer-section"> <h3 class="footer-section__title ui-title-inner ui-title-inner_condensed"><span class="ui-title-inner__inner">Latest images</span></h3> <div class="owl-carousel owl-theme owl-theme_control-center owl-theme_control-dark enable-owl-carousel" data-pagination="false" data-navigation="true" data-single-item="true" data-auto-play="7000" data-transition-style="fade" data-main-text-animation="true" data-after-init-delay="3000" data-after-move-delay="1000" data-stop-on-hover="true"><img src="temalar/infoldia/assets/media/content/gallery/360x300_1.jpg" alt="foto"/><img src="temalar/infoldia/assets/media/content/gallery/360x300_1.jpg" alt="foto"/><img src="temalar/infoldia/assets/media/content/gallery/360x300_1.jpg" alt="foto"/></div> </section> </div> </div> </div> </div> --> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-xs-12"> <ul class="copyright-list list-inline"> <li class="copyright-list__item"><a class="copyright-list__link" href="kosullar.html">Kullanım Koşulları</a></li> <li class="copyright-list__item"><a class="copyright-list__link" href="gizlilik.html">Gizlilik & Güvenlik</a></li> <li class="copyright-list__item"><a class="copyright-list__link" href="iletisim.html">İletişim</a></li> </ul><span class="copyright__info">© 2024<strong> INFOLDIA</strong> ® Tüm Hakları Saklıdır</span> </div> </div> </div> </div> </footer> </div> <!-- end layout-theme--> <!-- ++++++++++++--> <!-- MAIN SCRIPTS--> <!-- ++++++++++++--> <script src="temalar/infoldia/assets/libs/jquery-1.12.4.min.js"></script> <script src="temalar/infoldia/assets/libs/jquery-migrate-1.2.1.js"></script> <script src="temalar/infoldia/assets/libs/modernizr.custom.js"></script> <!-- Bootstrap--> <script src="temalar/infoldia/assets/libs/bootstrap/bootstrap.min.js"></script> <!-- User customization--> <script src="temalar/infoldia/assets/js/custom.js"></script> <!-- Slider--> <script src="temalar/infoldia/assets/plugins/owl-carousel/owl.carousel.min.js"></script> <!-- Pop-up window--> <script src="temalar/infoldia/assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script> <!-- Headers scripts--> <script src="temalar/infoldia/assets/plugins/headers/jquery.dlmenu.js"></script> <script src="temalar/infoldia/assets/plugins/headers/slidebar.js"></script> <script src="temalar/infoldia/assets/plugins/headers/header.js"></script> <!-- Mail scripts--> <script src="temalar/infoldia/assets/plugins/jqBootstrapValidation.js"></script> <!-- Video player--> <script src="temalar/infoldia/assets/plugins/flowplayer/flowplayer.min.js"></script> <!-- Filter and sorting images--> <script src="temalar/infoldia/assets/plugins/isotope/isotope.pkgd.min.js"></script> <script src="temalar/infoldia/assets/plugins/isotope/imagesLoaded.js"></script> <!-- Progress numbers--> <script src="temalar/infoldia/assets/plugins/rendro-easy-pie-chart/jquery.easypiechart.min.js"></script> <script src="temalar/infoldia/assets/plugins/rendro-easy-pie-chart/waypoints.min.js"></script> <!-- Animations--> <script src="temalar/infoldia/assets/plugins/scrollreveal/scrollreveal.min.js"></script> <!-- Ticker--> <script src="temalar/infoldia/assets/plugins/jquery-easy-ticker/jquery.easy-ticker.min.js"></script> </body> </html>