{"id":3852,"date":"2022-06-22T14:50:56","date_gmt":"2022-06-22T14:50:56","guid":{"rendered":"https:\/\/www.turkticaret.net\/blog\/?p=3852"},"modified":"2023-02-22T14:21:13","modified_gmt":"2023-02-22T14:21:13","slug":"html-nedir-en-cok-kullanilan-html-kodlari","status":"publish","type":"post","link":"https:\/\/www.turkticaret.net\/blog\/html-nedir-en-cok-kullanilan-html-kodlari\/","title":{"rendered":"HTML Nedir? En \u00c7ok Kullan\u0131lan HTML Kodlar\u0131 2023"},"content":{"rendered":"<p><strong>Html<\/strong> bir\u00e7ok ki\u015fi taraf\u0131ndan duyulan ama \u00e7ok da bilinmeyen bir kelimedir. <strong>Html nedir<\/strong> ne i\u015fe yarar, <strong>html a\u00e7\u0131l\u0131m\u0131 nedir<\/strong> gibi sorulara bu yaz\u0131m\u0131zda cevap verece\u011fiz. Html, a\u00e7\u0131l\u0131m\u0131 &#8220;Hyper Text Markup Language&#8221; olan metin dosyalar\u0131n\u0131 d\u00fczenlemekte kullan\u0131lan bir i\u015faretleme dilidir. Html bilinenin aksine programlama dili de\u011fil bir i\u015faretleme dilidir. Programlanma ve i\u015faretleme dilleri birbirinden farkl\u0131d\u0131r. Programlama dili verileri de\u011fi\u015ftirebilmenize olanak sa\u011flarken, i\u015faretleme dili \u00f6\u011felerin web sayfas\u0131nda nas\u0131l g\u00f6r\u00fcnt\u00fclenece\u011fini belirler.<\/p>\n<h2>Html Ne \u0130\u015fe Yarar ve HTML Kodlama Nas\u0131l Yap\u0131l\u0131r?<\/h2>\n<p>Bir i\u015faretleme dili olan html, sayfa d\u00fczeni, ba\u011flant\u0131lar, etiketlerle ba\u011flant\u0131l\u0131d\u0131r. Paragraflar, ba\u015fl\u0131klar, sayfa sonlar\u0131, italikler, yaz\u0131 kal\u0131nl\u0131\u011f\u0131 gibi bir\u00e7ok i\u00e7eri\u011fi <strong>html<\/strong> sayesinde yapabilirsiniz. Web sitelerinin olu\u015fturulabilmesi i\u00e7in gerekli olan nitelikler, etiketler html ile olu\u015fturulur. Html i\u00e7in bir web sitesinin iskeleti demek do\u011fru bir benzetme olacakt\u0131r. Peki <strong>html kodlama nas\u0131l<\/strong> yap\u0131l\u0131r? \u00d6ncelikle kodlar\u0131n &#8220;&lt;&#8221; i\u015fareti ile ba\u015flay\u0131p &#8220;&gt;&#8221; i\u015fareti ile bitmesi gerekir. .html dosya uzant\u0131s\u0131 \u015feklinde kaydedilerek kullan\u0131l\u0131r. Html olu\u015fturman\u0131n en \u00f6nemli \u00f6\u011felerinden biri de css&#8217;lerdir. <strong>Css nedir<\/strong> sorusunu cevaplayarak ba\u015flayacak olursak; a\u00e7\u0131l\u0131m\u0131 &#8220;Cascading Style Sheets&#8221; olup T\u00fcrk\u00e7e \u00e7evirisi Basamaklanm\u0131\u015f Stil Katmanlar\u0131&#8217;d\u0131r.\u00a0 Bir web sitesinin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc html olu\u015fturuyorsa, o g\u00f6r\u00fcn\u00fcm\u00fc \u00f6zelle\u015ftirmek i\u00e7in kullan\u0131lan kurallardan olu\u015fan bir dildir. <strong>Css kod<\/strong> sayesinde g\u00f6rsel unsurlar \u00fczerinde d\u00fczenlemeler yaparak daha \u00e7ok kullan\u0131c\u0131 yanl\u0131s\u0131 bir hale getirebilirsiniz.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-3882 aligncenter\" src=\"https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-1.jpg\" alt=\"HTML Nedir En \u00c7ok Kullan\u0131lan HTML Kodlar\u0131 2022-1\" width=\"810\" height=\"440\" srcset=\"https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-1.jpg 810w, https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-1-300x163.jpg 300w, https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-1-768x417.jpg 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<h2>En \u00c7ok Kullan\u0131lan HTML Kodlar\u0131 2023<\/h2>\n<p>\u00d6ncelikle yukar\u0131da da belirtilidi\u011fi gibi &lt; ve &gt; i\u015faretleri ba\u015flang\u0131\u00e7 ve biti\u015flerde kullan\u0131lmal\u0131d\u0131r. A\u015fa\u011f\u0131da en \u00e7ok kullan\u0131lan <strong>html kodlar\u0131<\/strong> listesini inceleyerek html ile alakal\u0131 daha detayl\u0131 bilgi edinebilirsiniz.<\/p>\n<ul>\n<li>&lt;!DOCTYPE html&gt; : Belge t\u00fcr\u00fcn\u00fcn ne oldu\u011funu anlaman\u0131z\u0131 sa\u011flar. Bu kod ile ba\u015flayan sayfalar size o sayfalar\u0131n HTML5 ile kodland\u0131\u011f\u0131n\u0131 g\u00f6sterir.<\/li>\n<li>&lt;html&gt;: Bir k\u00f6k etiketidir ve t\u00fcm etiketleri kapsar.<\/li>\n<li>&lt;head&gt;: Bu etiket ile meta, sayfa ba\u015fl\u0131\u011f\u0131 gibi bilgiler tan\u0131mlan\u0131r.<\/li>\n<li>&lt;title&gt;: Sitenin ba\u015fl\u0131k alan\u0131 i\u00e7in bu etiket kullan\u0131l\u0131r. \u00a0&lt;title&gt; etiketinin &lt;head&gt; etiketleri aras\u0131nda kullan\u0131lmas\u0131 gerekir.<\/li>\n<li>&lt;h1&gt; \u2013 &lt;h6&gt;: Ba\u015fl\u0131klar\u0131 ifade eder, h1, h2, h3, h4, h5 ve h6 olmak \u00fczere 6 ba\u015fl\u0131k bulunmaktad\u0131r. Ba\u015fl\u0131klar hem seo a\u00e7\u0131s\u0131ndan hem de sayfa g\u00f6r\u00fcn\u00fcm\u00fc a\u00e7\u0131s\u0131ndan \u00f6nemlidir. H1&#8217;den h6&#8217;ya kadar yaz\u0131 boyutu k\u00fc\u00e7\u00fcl\u00fcr. En \u00f6neli ba\u015fl\u0131\u011f\u0131n\u0131z <strong>h1 etiketi<\/strong> ile olmal\u0131d\u0131r. \u00d6rnek kullan\u0131m\u0131;<\/li>\n<\/ul>\n<ol>\n<li><strong>&lt;h1&gt; <\/strong>1. ba\u015fl\u0131k<strong>&lt;\/h1&gt;<\/strong><\/li>\n<li><strong>&lt;h2&gt; <\/strong>2.\u00a0ba\u015fl\u0131k<strong>&lt;\/h2&gt;<\/strong><\/li>\n<li><strong>&lt;h3&gt; <\/strong>3.\u00a0ba\u015fl\u0131k<strong>&lt;\/h3&gt;<\/strong><\/li>\n<li><strong>&lt;h4&gt; <\/strong>4.\u00a0ba\u015fl\u0131k<strong>&lt;\/h4&gt;<\/strong><\/li>\n<li><strong>&lt;h5&gt; <\/strong>5. ba\u015fl\u0131k<strong>&lt;\/h5&gt;<\/strong><\/li>\n<li><strong>&lt;h6&gt; <\/strong>6.\u00a0ba\u015fl\u0131k<strong>&lt;\/h6&gt;<\/strong><\/li>\n<\/ol>\n<ul>\n<li>&lt;meta&gt;: Olduk\u00e7a \u00f6nemli bir etikettir, \u00e7\u00fcnk\u00fc arama motorlar\u0131 bu etiket sayesinde sitemiz ile ilgili bilgi edinir. Site ba\u015fl\u0131\u011f\u0131, site a\u00e7\u0131klamalar\u0131, kullan\u0131lan karakter kodlar\u0131 gibi bilgiler meta etiketi i\u00e7indedir.<\/li>\n<li>&lt;body&gt;: Sayfa i\u00e7eri\u011fi k\u0131sm\u0131d\u0131r.<\/li>\n<li>&lt;style&gt;: Css kodlar\u0131 bu etiket ile yaz\u0131l\u0131r.<\/li>\n<li>&lt;p&gt;: \u0130\u00e7eri\u011fin daha okunabilir olmas\u0131n\u0131 sa\u011flar. Uzun i\u00e7eriklerinizi bu etiket ile paragraflara b\u00f6lebilirsiniz.<\/li>\n<li>&lt;a&gt;: Sayfada bir g\u00f6rsele, yaz\u0131ya ya da farkl\u0131 bir \u015feye link verebilmek i\u00e7in kullan\u0131l\u0131r.<\/li>\n<li>&lt;hr&gt;: \u0130\u00e7eriklerin birbirinden ay\u0131rabilmek i\u00e7in yatay \u00e7izgi olu\u015fturulmas\u0131n\u0131 sa\u011flayan etikettir.<\/li>\n<li>&lt;br&gt;: Bu etiket sonras\u0131nda gelecek kodu alt s\u0131radan devam ettirir.<\/li>\n<li>&lt;img&gt;: Sayfalara g\u00f6rsel eklemek i\u00e7in kullan\u0131lan etikettir.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"size-full wp-image-3883 aligncenter\" src=\"https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-2.jpg\" alt=\"HTML Nedir En \u00c7ok Kullan\u0131lan HTML Kodlar\u0131 2022-2\" width=\"810\" height=\"440\" srcset=\"https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-2.jpg 810w, https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-2-300x163.jpg 300w, https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/06\/HTML-Nedir-En-Cok-Kullanilan-HTML-Kodlari-2022-2-768x417.jpg 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<h2>HTML Bo\u015fluk Kodu<\/h2>\n<p>Bo\u015fluk kullanmak i\u00e7in de \u00f6zel bir html kodu kullan\u0131l\u0131r. \u00c7\u00fcnk\u00fc yazarken ne kadar space tu\u015funa bas\u0131lsa da tek bir bo\u015fluk olarak alg\u0131lan\u0131r. Bu y\u00f6ntem i\u015fe yaramad\u0131\u011f\u0131 i\u00e7in birden fazla olan bo\u015fluklarda\u00a0 &amp;nbsp; ya da &amp;#160 kodlar\u0131 kullan\u0131l\u0131r.<\/p>\n<h2>Kimler HTML \u00d6\u011frenmeli?<\/h2>\n<p>Bir web sitesi olu\u015fturmak isteyenler, web tasar\u0131m ya da geli\u015ftirme alanlar\u0131nda kendilerini geli\u015ftirerek kariyer yapmak isteyenler, bunun d\u0131\u015f\u0131nda seo, dijital pazarlama alan\u0131nda ilerleyen insanlar i\u00e7in html \u00f6\u011frenmek olduk\u00e7a \u00f6nemlidir.<\/p>\n<p>Di\u011fer makalelerimizi incelemek isterseniz;<\/p>\n<p>&#8211;<a href=\"https:\/\/www.turkticaret.net\/blog\/mail-hesabi-nasil-acilir-adim-adim\/\">Mail Hesab\u0131 Nas\u0131l A\u00e7\u0131l\u0131r? (Ad\u0131m Ad\u0131m)<\/a><\/p>\n<p>&#8211;<a href=\"https:\/\/www.turkticaret.net\/blog\/statik-ip-nedir\/\">Statik IP Nedir?<\/a><\/p>\n<p>&#8211;<a href=\"https:\/\/www.turkticaret.net\/blog\/ping-nedir\/\">Ping Nedir?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Html bir\u00e7ok ki\u015fi taraf\u0131ndan duyulan ama \u00e7ok da bilinmeyen bir kelimedir. Html nedir ne i\u015fe yarar, html a\u00e7\u0131l\u0131m\u0131 nedir gibi sorulara bu yaz\u0131m\u0131zda cevap verece\u011fiz. Html, a\u00e7\u0131l\u0131m\u0131 &#8220;Hyper Text Markup Language&#8221; olan metin dosyalar\u0131n\u0131 d\u00fczenlemekte kullan\u0131lan bir i\u015faretleme dilidir. Html bilinenin aksine programlama dili de\u011fil bir i\u015faretleme dilidir. Programlanma ve i\u015faretleme dilleri birbirinden farkl\u0131d\u0131r. Programlama [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":3881,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[51,52],"tags":[],"_links":{"self":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/3852"}],"collection":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/comments?post=3852"}],"version-history":[{"count":6,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/3852\/revisions"}],"predecessor-version":[{"id":4873,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/3852\/revisions\/4873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/media\/3881"}],"wp:attachment":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/media?parent=3852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/categories?post=3852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/tags?post=3852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}