Ders Notu - Celal Karaca

Transkript

Ders Notu - Celal Karaca

                                    

Benzer belgeler

Zengin Metin İşaretleme Dili (HTML)

Zengin Metin İşaretleme Dili (HTML) Sayfanın işleyişine baktığımızda, önce her zaman yapmamız gerektiği gibi , , etiketlerini yerleştirdik. Sayfa başlığı olarak "Başlık Etiketleri"ni seçtik ve sayfanın gövde <body... </p> <a class="news-block-btn" href="/doc/123358/zengin-metin-i%CC%87%C5%9Faretleme-dili--html-"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/234023/konu-7">Konu-7</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000234023_1-a8baad92b0598b42b4cb77ac8c295583-70x70.png" alt="Konu-7" title="Konu-7" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/234023/konu-7"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/149197/html-kullanarak-web-tasarimi">HTML Kullanarak Web Tasarimi</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000149197_1-3d7dd36742e44b6332d021b1222f2e2e-70x70.png" alt="HTML Kullanarak Web Tasarimi" title="HTML Kullanarak Web Tasarimi" width="70" height="70"> <font color="#0000ff"> <br>Pazartesi <br>Salı <br>Çarşamba <br>Perşembe <br>Cuma </font> <font color="ff0000"> <br>Cumartesi </font> </font> </body> Listeleme Etiketleri HTML bize üç tip liste hazı... </p> <a class="news-block-btn" href="/doc/149197/html-kullanarak-web-tasarimi"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/153724/eas-eti%CC%87keti%CC%87-yerle%C5%9Fti%CC%87rme">EAS ETİKETİ YERLEŞTİRME</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000153724_1-0a6c80ba6fdce26356ca9d36132b4bbe-70x70.png" alt="EAS ETİKETİ YERLEŞTİRME" title="EAS ETİKETİ YERLEŞTİRME" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/153724/eas-eti%CC%87keti%CC%87-yerle%C5%9Fti%CC%87rme"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/119464/konu-3">Konu-3</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000119464_1-09003b5ee394846de2a6b8ee0a1420b3-70x70.png" alt="Konu-3" title="Konu-3" width="70" height="70"> Hazırladığımız sayfada dikkat ederseniz sadece temel etiketleri kullandık. Yani metin biçimlendirmeye yarayan hiçbir etiket kullanmadık. Bu yüzden <body>....</body> arasına yazdığımız Sayfama Hoş g... </p> <a class="news-block-btn" href="/doc/119464/konu-3"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/63771/konu-2">Konu-2</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000063771_1-0bd7e1450e39f0cb73ae28f3577db731-70x70.png" alt="Konu-2" title="Konu-2" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/63771/konu-2"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/30462/tam-metin-url-">Tam Metin(URL)</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000030462_1-ab30a7adcba8ee73920511cc03c319a1-70x70.png" alt="Tam Metin(URL)" title="Tam Metin(URL)" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/30462/tam-metin-url-"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/11147/bilgi-zika-vir%C3%BCs%C3%BC-nas%C4%B1l-%C3%B6nlenir-ve-kontrol-edilir%3F">bilgi zika virüsü nasıl önlenir ve kontrol edilir?</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000011147_1-e9346933373f89d02f76e44a68810557-70x70.png" alt="bilgi zika virüsü nasıl önlenir ve kontrol edilir?" title="bilgi zika virüsü nasıl önlenir ve kontrol edilir?" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/11147/bilgi-zika-vir%C3%BCs%C3%BC-nas%C4%B1l-%C3%B6nlenir-ve-kontrol-edilir%3F"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/21579/304---turkmia">304 - TurkMIA</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000021579_1-8822baa5daac1c201a9631c44d0864fd-70x70.png" alt="304 - TurkMIA" title="304 - TurkMIA" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/21579/304---turkmia"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/30726/bi%CC%87ti%CC%87rme-tezi%CC%87-yazim-kilavuzu-1---nev%C5%9Fehir-hac%C4%B1-bekta%C5%9F-veli">BİTİRME TEZİ YAZIM KILAVUZU 1 - Nevşehir Hacı Bektaş Veli</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000030726_1-7ade8aea1b8b174a7e1b83c87d27ad56-70x70.png" alt="BİTİRME TEZİ YAZIM KILAVUZU 1 - Nevşehir Hacı Bektaş Veli" title="BİTİRME TEZİ YAZIM KILAVUZU 1 - Nevşehir Hacı Bektaş Veli" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/30726/bi%CC%87ti%CC%87rme-tezi%CC%87-yazim-kilavuzu-1---nev%C5%9Fehir-hac%C4%B1-bekta%C5%9F-veli"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/30459/internet-nedir-%3F">Internet Nedir ?</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000030459_1-dff8b1821e0ce9f0e089aecf8f49a251-70x70.png" alt="Internet Nedir ?" title="Internet Nedir ?" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/30459/internet-nedir-%3F"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/14368/kaynak-g%C3%B6sterme-ile-i%CC%87lgili-temel-bilgiler-mla--the-modern">Kaynak Gösterme ile İlgili Temel Bilgiler MLA (The Modern</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000014368_1-1495909cb2ab29f7b93394b3aaa93028-70x70.png" alt="Kaynak Gösterme ile İlgili Temel Bilgiler MLA (The Modern" title="Kaynak Gösterme ile İlgili Temel Bilgiler MLA (The Modern" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/14368/kaynak-g%C3%B6sterme-ile-i%CC%87lgili-temel-bilgiler-mla--the-modern"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/9668/yay%C4%B1n-i%CC%87lkeleri---g%C3%BCzel-sanatlar-fak%C3%BCltesi">Yayın İlkeleri - Güzel Sanatlar Fakültesi</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000009668_1-00d4d304692c481c60ddeb715ca736f8-70x70.png" alt="Yayın İlkeleri - Güzel Sanatlar Fakültesi" title="Yayın İlkeleri - Güzel Sanatlar Fakültesi" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/9668/yay%C4%B1n-i%CC%87lkeleri---g%C3%BCzel-sanatlar-fak%C3%BCltesi"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/doc/39749/html-kitap---wordpress.com">Html Kitap - WordPress.com</a> </h3> <p> <img class="news-block-img pull-right" src="//s1tr.doczz.net/store/data/000039749_1-70f3bb2aac490da283365eeaa09d8969-70x70.png" alt="Html Kitap - WordPress.com" title="Html Kitap - WordPress.com" width="70" height="70"> </p> <a class="news-block-btn" href="/doc/39749/html-kitap---wordpress.com"> Detaylı <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-12 padding-top-10"> 2024 © doczz.biz.tr <div class="pull-right"> <a href="/about"> Hakkımızda </a> | <a href="/dmca"> DMCA / GDPR </a> | <a href="/abuse"> Taciz </a> </div> </div> </div> </div> </div> <script> var FileAPI = { debug: false, withCredentials: false, staticPath: '/theme/common/static/fileapi@2.2.0/dist/', currentUserId: 2, storeUrl: '//s1tr.doczz.net/store/upload', afterUploadRedirect: '//doczz.biz.tr/afterupload.html' }; </script> <script src="/theme/doczz/static/script.js"></script> <script src="/theme/common/static/fileapi@2.2.0/dist/FileAPI.min.js" async defer></script> <script src="/theme/doczz/static/script1.js" async defer></script> <!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter41288824 = new Ya.Metrika({ id:41288824 }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="//mc.yandex.ru/watch/41288824" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> </body> </html>