HTML (HyperText Markup Language), web sayfalarının yapısını ve içeriğini hazırlamak & tanımlamak için kullanılan bir işaretleme dilidir.

Bir HTML belgesi, web tarayıcısı tarafından yorumlanarak görüntülenen metin, resim, video, bağlantılar ve diğer öğeler gibi içeriği içerir.

HTML, web sayfalarında bulunan her bir öğenin nasıl görüntüleneceğini belirlemek için özel etiketler veya işaretler kullanır. Örneğin,

etiketi bir paragrafın başlangıcını ve sonunu belirtirken, etiketi bir resmin yerleştirileceği konumu ve boyutunu belirler.

Web geliştiricileri, HTML'i kullanarak web sayfalarını oluştururlar ve daha sonra CSS (Cascading Style Sheets) ve JavaScript gibi diğer teknolojileri kullanarak sayfaların görünümünü ve işlevselliğini geliştirirler.

 

Örnek bir HTML kodu yazabilir misin?

 

  Benim İlk HTML Sayfam

 

Merhaba Dünya!

 

Bu benim ilk HTML sayfam.

 

Bu kod, bir HTML belgesi tanımlar ve ifadesi ile belgenin HTML5 standardında yazıldığını belirtir. etiketi belgenin kök elementidir ve ve elementlerini içerir. elementi, belgenin başlığı, meta verileri ve diğer önemli bilgiler gibi belge içeriği ile ilgili bilgiler içerir. elementi, belgenin görüntülenen içeriğini içerir.

Bu örnekte,

ve

elementleri kullanılarak sayfada başlık ve bir paragraf oluşturuldu.</b> etiketi, belgenin tarayıcı sekmesinde görüntülenen başlığı tanımlar.<o:p></o:p></p><p class="MsoNormal"><o:p> </o:p></p><p class="MsoNormal"><o:p> </o:p></p></p> </div> <!-- /.widget --> <div class="page-title1" style="margin-top: 20px;"> <h1><div class="baslik">Son 10 Haber</div></h1> </div> <div class="widget"> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/bakirkoy-firma-rehberi-acildi.html"> <img src="tema/firmarehberi/uploads/haberler/bakirkoy-firma-rehberi-bakirkoydecom.jpg" alt="Bakırköy Firma Rehberi açıldı "> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/bakirkoy-firma-rehberi-acildi.html">Bakırköy Firma Rehberi açıldı </a></h3> <h4><a href="haber/bakirkoy-firma-rehberi-acildi.html">13 Kasım 2023, 09:48</a></h4> <div class="card-small-price">205 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/bakirkoy-de-dil-kurslari-yeni-bir-dil-ogrenmenin-yollari-ve-onemi.html"> <img src="tema/firmarehberi/uploads/haberler/bakirkoyde-floryada-basinkoyde-osmaniyede-sakYzagacinda-cevizlikte-yabanci-dil-kurslari.jpg" alt="Bakırköy de Dil Kursları, Yeni Bir Dil Öğrenmenin Yolları ve Önemi"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/bakirkoy-de-dil-kurslari-yeni-bir-dil-ogrenmenin-yollari-ve-onemi.html">Bakırköy de Dil Kursları, Yeni Bir Dil Öğrenmenin Yolları ve Önemi</a></h3> <h4><a href="haber/bakirkoy-de-dil-kurslari-yeni-bir-dil-ogrenmenin-yollari-ve-onemi.html">13 Eylül 2023, 09:23</a></h4> <div class="card-small-price">236 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/bakirkoy-de-semt-pazarlari.html"> <img src="tema/firmarehberi/uploads/haberler/bakirkoyde-floryada-basinkoyde-osmaniyede-sakYzagacinda-cevizlikte-pazar-.jpg" alt="Bakırköy de Semt pazarları"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/bakirkoy-de-semt-pazarlari.html">Bakırköy de Semt pazarları</a></h3> <h4><a href="haber/bakirkoy-de-semt-pazarlari.html">22 Ağustos 2023, 11:40</a></h4> <div class="card-small-price">348 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/bakirkoy-de-taksi-duragi.html"> <img src="tema/firmarehberi/uploads/haberler/bakirkoyde-floryada-basinkoyde-osmaniyede-sakYzagacinda-cevizlikte-taksi-duragi.jpg" alt="Bakırköy de taksi durağı"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/bakirkoy-de-taksi-duragi.html">Bakırköy de taksi durağı</a></h3> <h4><a href="haber/bakirkoy-de-taksi-duragi.html">21 Ağustos 2023, 16:47</a></h4> <div class="card-small-price">266 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/bakirkoy-de-e-ticaret-yazilim-firmasi.html"> <img src="tema/firmarehberi/uploads/haberler/bakirkoyde-e-ticaret-yazilim-firmasi.png" alt="Bakırköy de E-ticaret yazılım firması"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/bakirkoy-de-e-ticaret-yazilim-firmasi.html">Bakırköy de E-ticaret yazılım firması</a></h3> <h4><a href="haber/bakirkoy-de-e-ticaret-yazilim-firmasi.html">15 Temmuz 2023, 11:43</a></h4> <div class="card-small-price">252 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/bakirkoy-de-sac-kaynak-ve-peruk-merkezi.html"> <img src="tema/firmarehberi/uploads/haberler/bakYrkoyde-sac-kaynak-ve-peruk-marketi-satisi-dukkani.jpg" alt="Bakırköy de Saç kaynak ve Peruk merkezi"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/bakirkoy-de-sac-kaynak-ve-peruk-merkezi.html">Bakırköy de Saç kaynak ve Peruk merkezi</a></h3> <h4><a href="haber/bakirkoy-de-sac-kaynak-ve-peruk-merkezi.html">13 Kasım 2023, 09:29</a></h4> <div class="card-small-price">332 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/yazilim-ogrenmeye-nereden-baslamali.html"> <img src="tema/firmarehberi/uploads/haberler/bakirkoyde-yazilim-kursu-yazilima-nereden-baslamali.jpg" alt="Yazılım öğrenmeye nereden başlamalı"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/yazilim-ogrenmeye-nereden-baslamali.html">Yazılım öğrenmeye nereden başlamalı</a></h3> <h4><a href="haber/yazilim-ogrenmeye-nereden-baslamali.html">09 Haziran 2023, 12:59</a></h4> <div class="card-small-price">275 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/freelance-is-bulup-gelirler-elde-edebileceginiz-en-iyi-freelancer-sitesi.html"> <img src="tema/firmarehberi/uploads/haberler/freelance-is-_bulup-gelir-elde-edebileceYiniz.png" alt="Freelance İş Bulup Gelirler elde Edebileceğiniz En İyi Freelancer Sitesi"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/freelance-is-bulup-gelirler-elde-edebileceginiz-en-iyi-freelancer-sitesi.html">Freelance İş Bulup Gelirler elde Edebileceğiniz En İyi Freelancer Sitesi</a></h3> <h4><a href="haber/freelance-is-bulup-gelirler-elde-edebileceginiz-en-iyi-freelancer-sitesi.html">13 Mayıs 2023, 13:56</a></h4> <div class="card-small-price">315 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/internetten-para-kazanma-yollari-nelerdir.html"> <img src="tema/firmarehberi/uploads/haberler/internetten-nasil-para-kazanabilirim.png" alt="İnternetten para kazanma yolları nelerdir?"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/internetten-para-kazanma-yollari-nelerdir.html">İnternetten para kazanma yolları nelerdir?</a></h3> <h4><a href="haber/internetten-para-kazanma-yollari-nelerdir.html">13 Mayıs 2023, 13:56</a></h4> <div class="card-small-price">276 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> <div class="cards-small"> <div class="card-small"> <div class="card-small-image"> <a href="haber/gobek-yagi-eritme-diyeti-ve-egzersizleri-nelerdir.html"> <img src="tema/firmarehberi/uploads/haberler/gobek-yagi-eritme-diyeti-ve-egzersizleri-nelerdir.jpg" alt="Göbek yağı eritme diyeti ve egzersizleri nelerdir?"> </a> </div> <!-- /.card-small-image --> <div class="card-small-content"> <h3><a href="haber/gobek-yagi-eritme-diyeti-ve-egzersizleri-nelerdir.html">Göbek yağı eritme diyeti ve egzersizleri nelerdir?</a></h3> <h4><a href="haber/gobek-yagi-eritme-diyeti-ve-egzersizleri-nelerdir.html">13 Mayıs 2023, 13:56</a></h4> <div class="card-small-price">273 Okuma</div> </div> <!-- /.card-small-content --> </div> <!-- /.card-small --> </div> <!-- /.cards-small --> </div> <!-- /.post-content --> <div class="page-title1"> <h1><div class="baslik">0 Yorum</div></h1> </div> <div class="comments" id="comments"> <div class="alert alert-warning" role="alert"> <span class="glyphicon glyphicon-flash" aria-hidden="true"></span> Henüz yorum yazılmamış. </div> </div> <!-- /.comments --> <div class="page-title1"> <h1><div class="baslik">Yorum Yaz</div></h1> </div> <form class="background-white p20 add-comment" method="post" action="system/site_islemler.php"> <div class="row"> <div class="form-group col-sm-6"> <label>Adınız / Soyadınız <span class="required">*</span></label> <input type="text" name="isim" class="form-control" required> </div> <!-- /.col-sm-4 --> <div class="form-group col-sm-6"> <label >E-mail Adresiniz</label> <input type="email" name="email" class="form-control"> </div> <!-- /.col-sm-4 --> <div class="form-group col-sm-12"> <label>Yorumunuz <span class="required">*</span></label> <textarea class="form-control" name="yorum" rows="5" required></textarea> </div> <!-- /.col-sm-12 --> <div class="col-sm-8"> <p>Zorunlu Alan <span class="required">*</span></p> </div> <!-- /.col-sm-8 --> <div class="col-sm-4"> <input type="hidden" value="15" name="yorumid" /> <input type="hidden" value="html-nedir" name="link" /> <button class="btn btn-primary btn-block" name="HaberYorum" type="submit"><i class="fa fa-comments"></i>Gönder</button> </div> <!-- /.col-sm-4 --> </div> <!-- /.row --> </form> </div> <!-- /.post --> </div> <!-- /.content --> </div> <!-- /.col-* --> </div> <!-- /.row --> </div> <!-- /.container --> </div> <!-- /.main-inner --> </div> <!-- /.main --> <div class="block-content"> <div class="container"> <div class="row"> <div class="col-xs-12"> <ul class="stat-links"> <li> <a href="firmalar.html"> <i class="fa fa-briefcase"></i> <div class="stat-border"></div> <strong>551</strong> <span>FİRMA</span> </a> </li> <li> <a href="haberler.html"> <i class="fa fa-globe"></i> <div class="stat-border"></div> <strong>27</strong> <span>HABERLER</span> </a> </li> <li> <a href="arac-ilanlari.html"> <i class="fa fa-car"></i> <div class="stat-border"></div> <strong>0</strong> <span>FİRMA ARAÇ İLANLARI</span> </a> </li> <li> <a href="is-ilanlari.html"> <i class="fa fa-graduation-cap"></i> <div class="stat-border"></div> <strong>1</strong> <span>FİRMA İŞ İLANLARI</span> </a> </li> <li> <a href="emlak-ilanlari.html"> <i class="fa fa-home"></i> <div class="stat-border"></div> <strong>0</strong> <span>FİRMA EMLAK İLANLARI</span> </a> </li> <li> <a href="urunler.html"> <i class="fa fa-gift"></i> <div class="stat-border"></div> <strong>5</strong> <span>FİRMA ÜRÜNLERİ</span> </a> </li> <li> <a href="etkinlikler.html"> <i class="fa fa-star"></i> <div class="stat-border"></div> <strong>0</strong> <span>ETKİNLİKLER</span> </a> </li> </ul> </div> </div> </div> <div class="clear"></div> </div> <div class="footer"> <div class="footer-top container-fluid"> <div class="row"> <div class="container"> <div class="row p30"> <div class="col-xs-12 col-sm-6 col-md-4 item-1"> <img src="tema/firmarehberi/uploads/logo/bakirkoy-firma-rehber-bakirkoydecom-logo.png" alt="Bakırköy Firma Rehberi ve arama Portalı"> <p>Bakırköy firma rehberi. rehberimize kayıt olun. bakirkoy.com profesyonel firma rehberi.</p> <a href="#"><i class="fa fa-envelope-o"></i> bakirkoyde@gmail.com</a> </div> <div class="col-xs-12 col-sm-6 col-md-5 item-2"> <div class="row"> <a href="firmalar.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>Firmalar</a> <a href="haberler.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>Haberler</a> <a href="emlak-ilanlari.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>Emlak</a> <a href="arac-ilanlari.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>Araç İlanları</a> <a href="is-ilanlari.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>İş İlanları</a> <a href="urunler.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>Ürünler</a> <a href="etkinlikler.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>Etkinlikler</a> <a href="Sayfa/nobetci-eczane.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> Nöbetçi Eczane</a> <a href="Sayfa/isinizi-buyutun.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> İşinizi Büyütün</a> <a href="Sayfa/sosyal-sorumluluk.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> Sosyal Sorumluluk </a> <a href="Sayfa/kariyer.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> Kariyer</a> <a href="Sayfa/satis-sozlesmesi.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>Satış Sözleşmesi</a> <a href="Sayfa/hakkimizda.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> Hakkımızda</a> <a href="Sayfa/kullanim-kosullari.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> Kullanım Koşulları</a> <a href="Sayfa/guvenlik.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> Güvenlik</a> <a href="Sayfa/gizlilik-sozlesmesi.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i> Gizlilik Sözleşmesi</a> <a href="iletisim.html" class="col-xs-12 col-sm-6"><i class="fa fa-angle-right"></i>İletişim</a> </div> </div> <div class="col-xs-12 col-sm-12 col-md-3 item-3"> <div class="link"> <a target="_blank" href="https://www.facebook.com/bakirkoydecom" class="ion-social ion-social-face"><i class="fa fa-facebook"></i></a> <a target="_blank" href="https://twitter.com/?lang=tr" class="ion-social ion-social-twit"><i class="fa fa-twitter"></i></a> <a target="_blank" href="https://www.youtube.com/channel/UCPE00c3rpa5AXKvmQ_4-NcQ" class="ion-social ion-social-yout"><i class="fa fa-youtube"></i></a> <a target="_blank" href="https://instagram.com/bakirkoydecom" class="ion-social ion-social-inst"><i class="fa fa-instagram"></i></a> </div> <div class="phone"> <div class="whatsupFoto"><i class="fa fa-phone"></i></div> <div class="number"> <span>Destek Hattı</span> <a href="tel:0 (555) 020-3628">0 (555) 020-3628</a> </div> </div> <div class="phone whatsup"> <div class="whatsupFoto"><i class="fa fa-whatsapp"></i></div> <div class="number"> <span>WhatsApp Destek</span> <a href="https://api.whatsapp.com/send/?phone=908503030743&text&type=phone_number&app_absent=0>:0 (850) 303-0743">0 (850) 303-0743</a> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-8 item"> <span>Copyright © 2017 Bakırköy rehberi - Bakırköy Portalı İnternet Sitesi ® WEB geliştirici LCMEDYA.COM</span> </div> <div class="col-xs-4 item"> <a href="" id="go-up"><i class="fa fa-chevron-up"></i></a> </div> </div> </div> </div> </div> </div> <!-- /.footer --> </div> <!-- /.page-wrapper --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-sass/javascripts/bootstrap/collapse.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-sass/javascripts/bootstrap/carousel.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-sass/javascripts/bootstrap/transition.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-sass/javascripts/bootstrap/dropdown.js" type="text/javascript async="async""></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-sass/javascripts/bootstrap/tooltip.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-sass/javascripts/bootstrap/tab.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-sass/javascripts/bootstrap/alert.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/colorbox/jquery.colorbox-min.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/flot/jquery.flot.min.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/flot/jquery.flot.spline.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/libraries/bootstrap-select/bootstrap-select.min.js" type="text/javascript" async="async"></script> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyCNMdtaZj2-lE8zcopBa8cns_JavPTNWDQ&libraries=weather%2Cgeometry%2Cvisualization%2Cplaces%2Cdrawing&ver=4.4.1"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" ></script> <script type="text/javascript" src="tema/firmarehberi/assets/libraries/jquery-google-map/infobox.js" async="async"></script> <script type="text/javascript" src="tema/firmarehberi/assets/libraries/jquery-google-map/markerclusterer.js" async="async"></script> <script type="text/javascript" src="tema/firmarehberi/assets/libraries/jquery-google-map/jquery-google-map.js" async="async"></script> <script type="text/javascript" src="tema/firmarehberi/assets/libraries/owl.carousel/owl.carousel.js" async="async"></script> <script type="text/javascript" src="tema/firmarehberi/assets/libraries/bootstrap-fileinput/fileinput.min.js" async="async"></script> <script src="tema/firmarehberi/assets/js/superlist.js" type="text/javascript" async="async"></script> <script src="tema/firmarehberi/assets/js/inputmask.js?v=1" type="text/javascript" async="async"></script> <script> function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } function showData() { // $("#goster").show(); } </script> <script> $(document).ready(function(e) { $('#il').bind('change', ilceleriGetir); $('.kategori-select').select2(); }); function ilceleriGetir(){ var id=$(this).val(); var ilceid=$("#ilceid").val(); $.ajax({ type:"post", url:"dinamik.php", data:{"id":id,"ilceid":ilceid}, dataType:"json", success:function(fur){ $("#ilce").html(fur.basari); } }); } $('#il').ready(function(){ var id = $("#il").val(); var ilceid=$("#ilceid").val(); if(id != 0){ $.ajax({ type:"post", url:"dinamik.php", data:{"id":id,"ilceid":ilceid}, dataType:"json", success:function(fur){ $("#ilce").html(fur.basari); } }); }else{ $("#ilce").html('<option value="0">İlçe Seçiniz</option>'); } }); </script> </body> </html>