{"id":36,"date":"2026-05-07T19:17:05","date_gmt":"2026-05-07T19:17:05","guid":{"rendered":"http:\/\/www.hernot.com.tr\/news\/?p=36"},"modified":"2026-05-07T19:17:05","modified_gmt":"2026-05-07T19:17:05","slug":"html-nedir","status":"publish","type":"post","link":"https:\/\/www.hernot.com.tr\/news\/2026\/05\/07\/html-nedir\/","title":{"rendered":"HTML Nedir?"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\"><strong>Web D\u00fcnyas\u0131n\u0131n Temel Ta\u015f\u0131: HTML (HyperText Markup Language)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0130nternet, milyarlarca web sayfas\u0131ndan olu\u015fan devasa bir k\u00fct\u00fcphanedir. Ancak bu sayfalar\u0131n, taray\u0131c\u0131lar\u0131m\u0131z (Chrome, Firefox, Safari vb.) taraf\u0131ndan anla\u015f\u0131l\u0131p ekrana d\u00f6k\u00fclmesini sa\u011flayan gizli bir dil vard\u0131r. \u0130\u015fte bu dilin ad\u0131 HTML\u2019dir. Genellikle bir programlama dili olarak kar\u0131\u015ft\u0131r\u0131lsa da, HTML asl\u0131nda bir <strong>i\u015faretleme dilidir<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>HTML Nedir ve Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HTML, &#8220;Hiper Metin \u0130\u015faretleme Dili&#8221; anlam\u0131na gelir. Temel g\u00f6revi, bir web sayfas\u0131n\u0131n <strong>iskeletini<\/strong> ve <strong>yap\u0131s\u0131n\u0131<\/strong> olu\u015fturmakt\u0131r. Bir binan\u0131n tu\u011flalar\u0131 ve betonarme yap\u0131s\u0131 neyse, bir web sitesi i\u00e7in de HTML kodu odur. Sayfadaki metinler, ba\u015fl\u0131klar, paragraflar, resimler, videolar ve ba\u011flant\u0131lar (linkler) HTML etiketleri (<code class=\"\">&lt;tag&gt;<\/code>) kullan\u0131larak tan\u0131mlan\u0131r.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6rne\u011fin, taray\u0131c\u0131ya bir metnin ba\u015fl\u0131k oldu\u011funu anlatmak i\u00e7in <code class=\"\">&lt;h1&gt;Ba\u015fl\u0131k&lt;\/h1&gt;<\/code> etiketi, bir paragraf oldu\u011funu belirtmek i\u00e7in ise <code class=\"\">&lt;p&gt;Bu bir paragraft\u0131r.&lt;\/p&gt;<\/code> etiketi kullan\u0131l\u0131r. Taray\u0131c\u0131 bu kodlar\u0131 okur, etiketleri yorumlar ve kullan\u0131c\u0131ya anlaml\u0131 bir g\u00f6rsel d\u00fczen sunar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>HTML, CSS ve JavaScript: Kopmaz \u00dc\u00e7l\u00fc<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Web geli\u015ftirmede HTML tek ba\u015f\u0131na yetersiz kal\u0131r. \u015e\u00f6yle bir ayr\u0131m yap\u0131labilir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML:<\/strong> Sayfan\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini (iskeletini) olu\u015fturur.<\/li>\n\n\n\n<li><strong>CSS (Cascading Style Sheets):<\/strong> Sayfan\u0131n g\u00f6rsel tasar\u0131m\u0131n\u0131, renklerini, yaz\u0131 tiplerini ve d\u00fczenini (makyaj\u0131n\u0131) belirler.<\/li>\n\n\n\n<li><strong>JavaScript:<\/strong> Sayfaya etkile\u015fim ve dinamik \u00f6zellikler (kas ve sinir sistemi) kazand\u0131r\u0131r.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Bu \u00fc\u00e7 teknoloji bir araya geldi\u011finde, bug\u00fcn kulland\u0131\u011f\u0131m\u0131z modern, estetik ve i\u015flevsel web siteleri ortaya \u00e7\u0131kar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>HTML\u2019in Tarihi ve HTML5 Devrimi<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1990\u2019lar\u0131n ba\u015f\u0131nda Tim Berners-Lee taraf\u0131ndan geli\u015ftirilen HTML, y\u0131llar i\u00e7inde s\u00fcrekli evrim ge\u00e7irdi. \u0130lk ba\u015flarda sadece basit metin ve ba\u011flant\u0131lar\u0131 destekleyen dil, zamanla zenginle\u015fti. 2014 y\u0131l\u0131nda tamamlanan <strong>HTML5<\/strong>, bu s\u00fcrecin en b\u00fcy\u00fck ad\u0131m\u0131 oldu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HTML5, taray\u0131c\u0131larda harici eklentilere (Flash gibi) ihtiya\u00e7 duymadan do\u011frudan video ve ses oynatabilme, geli\u015fmi\u015f form \u00f6zellikleri, 2D grafik \u00e7izimi (canvas) gibi devrimsel \u00f6zellikler getirdi. Bug\u00fcn web sitelerinin neredeyse tamam\u0131 modern HTML5 standartlar\u0131n\u0131 kullanmaktad\u0131r.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Neden HTML \u00d6\u011frenmelisiniz?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E\u011fer web d\u00fcnyas\u0131na ad\u0131m atmak, kendi web sitenizi kurmak veya sadece internetin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlamak istiyorsan\u0131z, ba\u015flang\u0131\u00e7 noktan\u0131z kesinlikle HTML olmal\u0131d\u0131r. \u00d6\u011frenmesi olduk\u00e7a kolay, mant\u0131\u011f\u0131 basit ve dijital d\u00fcnyan\u0131n kap\u0131lar\u0131n\u0131 a\u00e7an temel bir anahtard\u0131r. HTML bilmek, CSS ve JavaScript \u00f6\u011frenmeyi \u00e7ok daha kolayla\u015ft\u0131r\u0131r ve size web \u00fczerinde i\u00e7erik \u00fcretme \u00f6zg\u00fcrl\u00fc\u011f\u00fc tan\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web D\u00fcnyas\u0131n\u0131n Temel Ta\u015f\u0131: HTML (HyperText Markup Language) \u0130nternet, milyarlarca web sayfas\u0131ndan olu\u015fan devasa bir k\u00fct\u00fcphanedir. Ancak bu sayfalar\u0131n, taray\u0131c\u0131lar\u0131m\u0131z (Chrome, Firefox, Safari vb.) taraf\u0131ndan anla\u015f\u0131l\u0131p ekrana d\u00f6k\u00fclmesini sa\u011flayan gizli bir dil vard\u0131r. \u0130\u015fte bu dilin ad\u0131 HTML\u2019dir. Genellikle bir programlama dili olarak kar\u0131\u015ft\u0131r\u0131lsa da, HTML asl\u0131nda bir i\u015faretleme dilidir. HTML Nedir ve Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/p>\n","protected":false},"author":1,"featured_media":37,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":1,"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/posts\/36\/revisions\/38"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/media\/37"}],"wp:attachment":[{"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hernot.com.tr\/news\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}