{"id":1777,"date":"2020-07-06T02:00:58","date_gmt":"2020-07-05T23:00:58","guid":{"rendered":"https:\/\/blog.hostixo.com\/?p=1777"},"modified":"2021-04-15T16:39:07","modified_gmt":"2021-04-15T13:39:07","slug":"html-nedir","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/html-nedir\/","title":{"rendered":"HTML Nedir? Hypertext Markup Language \u0130le \u0130lgili Genel Bilgiler"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7indekiler \u2714<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.hostixo.com\/blog\/html-nedir\/#HTML_Tarihi\" >HTML Tarihi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostixo.com\/blog\/html-nedir\/#HTML_Nasil_Calisir\" >HTML Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostixo.com\/blog\/html-nedir\/#Temel_HTML_Iskeleti\" >Temel HTML \u0130skeleti<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostixo.com\/blog\/html-nedir\/#En_Cok_Kullanlan_HTML_Etiketleri\" >En \u00c7ok Kullanlan HTML Etiketleri<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.hostixo.com\/blog\/html-nedir\/#HTML_Artilari_ve_Eksileri\" >HTML Art\u0131lar\u0131 ve Eksileri<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.hostixo.com\/blog\/html-nedir\/#Gelismis_Web_Siteleri_Nasil_Yapilir\" >Geli\u015fmi\u015f Web Siteleri Nas\u0131l Yap\u0131l\u0131r?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.hostixo.com\/blog\/html-nedir\/#Ozetle_HTML_Nedir\" >\u00d6zetle HTML Nedir?<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>HTML Nedir<\/strong> konulu yaz\u0131m\u0131z ile sizlere a\u00e7\u0131l\u0131m\u0131 hypertext markup language olan web <a href=\"https:\/\/www.hostixo.com\/hosting\/hazir-site\/\" data-internallinksmanager029f6b8e52c=\"11\" title=\"haz\u0131r site\">site<\/a>si yap\u0131m\u0131nda kullan\u0131lan i\u015faretleme dili hakk\u0131nda bilgiler verece\u011fiz. HTML kullan\u0131c\u0131lar\u0131n web siteleri olu\u015fturmalar\u0131 i\u00e7in gerekli yap\u0131lar\u0131 b\u00fcnyeinde bar\u0131nd\u0131ran bir i\u015faretleme dilidir. HTML kesinlikle bir programlama dili de\u011fildir.<\/p>\n<p>HTML sayesinde paragraflar, ba\u011flant\u0131lar, ba\u015fl\u0131klar ve linkler olu\u015fturabilirsiniz. Bu sayede sitenizi ziyaret eden kullan\u0131c\u0131lar i\u00e7in zengin i\u00e7erikler olu\u015fturabilirsiniz. Ancak HTML ile dinamik web siteleri olu\u015fturamazs\u0131n\u0131z. Yani kullan\u0131c\u0131lar\u0131n etkile\u015fimde olabilece\u011fi siteler olu\u015fturman\u0131z m\u00fcmk\u00fcn de\u011fildir. HTML&#8217;i bir metin edit\u00f6r\u00fc gibi d\u00fc\u015f\u00fcnebilirsiniz.<\/p>\n<p>HTML basit bir kod yap\u0131s\u0131 ve temel iskelet \u00fczerine web sitesi in\u015fa edilmektedir. \u00d6rne\u011fin temel iskelet yap\u0131s\u0131n\u0131 olu\u015fturduktan sonra &lt;p&gt;&#8230;..&lt;\/p&gt; \u015feklindeki bir aral\u0131\u011fa yazaca\u011f\u0131n\u0131z metinler paragraf \u00f6zelli\u011fi kazanmaktad\u0131r.&lt;etiket&gt; &lt;\/etiket&gt; \u015feklinde a\u00e7\u0131l\u0131\u015f ve kapan\u0131\u015f alanlar\u0131 bulunmaktad\u0131r. Olu\u015fturdu\u011funuz her etiket kendine has \u00f6zellikler ile kullan\u0131c\u0131lara g\u00f6r\u00fcnt\u00fclenecektir.<\/p>\n<p>Genel olarak HTML \u00f6\u011frenerek web sitesi kurma i\u015flemleri i\u00e7in ilk ad\u0131m\u0131 atm\u0131\u015f olursunuz. <strong>HTML Nedir<\/strong> dedikten ve ara\u015ft\u0131rd\u0131ktan sonra g\u00f6receksiniz ki \u00f6\u011frenmesi olduk\u00e7a kolay bir dildir.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"HTML_Tarihi\"><\/span>HTML Tarihi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>HTML, CERN labaratuar\u0131nda \u00e7al\u0131\u015fan bir fizik\u00e7i Tim Berners-Lee taraf\u0131ndan geli\u015ftirilmi\u015ftir. HTML&#8217;in ilk s\u00fcr\u00fcm\u00fc 1991 y\u0131l\u0131nda 18 etiketin bulundu\u011fu bir dil olarak geli\u015ftirildi. Her yeni HTML s\u00fcr\u00fcm\u00fcnde daha kullan\u0131\u015fl\u0131 etiketler ve \u00f6zellikler eklenmi\u015ftir. G\u00fcn\u00fcm\u00fczde HTML 140 etiketi b\u00fcnyesinden bar\u0131nd\u0131rmaktad\u0131r.<\/p>\n<p>HTML dili g\u00fcn\u00fcm\u00fczde bir web standart\u0131 olarak belirlenmi\u015ftir ve h\u0131zl\u0131 pop\u00fclerle\u015fmesinden dolay\u0131 World Wide Web Consortium (W3C) taraf\u0131ndan denetlenerek baz\u0131 standartlar belirlenmi\u015ftir. <a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C<\/a>&#8216;nin sitesinden dilerseniz bu standartlar\u0131 ve etiket kurallar\u0131n\u0131 kontrol edebilirsiniz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"HTML_Nasil_Calisir\"><\/span>HTML Nas\u0131l \u00c7al\u0131\u015f\u0131r?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>HTML dosyalar\u0131 .html uzant\u0131s\u0131 ile biten dosyalard\u0131r. Bu dosyalar web taray\u0131c\u0131lar\u0131 taraf\u0131ndan (Chrome, Firefox, Opera, Safari) derlenerek kullan\u0131c\u0131lara mant\u0131kl\u0131 g\u00f6r\u00fcnt\u00fcler olarak g\u00f6r\u00fcnt\u00fclenilir.<\/p>\n<p>Her HTML dosyas\u0131 etiketlerden yani elementlerden olu\u015fur. Bu etiketler ve elementler paragraflar, resimler ve buna benzer i\u00e7erikleri b\u00fcnyesinde bar\u0131nd\u0131r\u0131r. HTML elementleri &lt;tag&gt;&lt;\/tag&gt; \u015feklinde yaz\u0131l\u0131r. Yani ilk &lt;tag&gt; bir etiketin ba\u015flang\u0131c\u0131d\u0131r, i\u00e7erisine etiketin \u00f6zeliklerine g\u00f6re bi\u00e7im al\u0131r. \u0130kinci k\u0131s\u0131mda bulunan &lt;\/tag&gt; b\u00f6l\u00fcm\u00fc ise etiketin kapat\u0131lma k\u0131sm\u0131d\u0131r. HTML&#8217;de t\u00fcm etiketler bu d\u00fczenle yaz\u0131l\u0131r.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Temel_HTML_Iskeleti\"><\/span>Temel HTML \u0130skeleti<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>HTML dosyalar\u0131 i\u00e7erisine etiketler ve yaz\u0131lar girilmeden \u00f6nce baz\u0131 temel standartlara kavu\u015fturulmal\u0131d\u0131r. \u0130lk olarak HTML dosyalar\u0131na bir iskelet girilerek temel standartlara kavu\u015fturulur. Bu iskeletin i\u00e7erisinde sitenin dili, dosya yap\u0131s\u0131, temel b\u00f6l\u00fcmleri gibi alanlar yer al\u0131r. \u00d6rnek bir HTML iskeleti a\u015fa\u011f\u0131dad\u0131r.<\/p>\n<figure id=\"attachment_1781\" aria-describedby=\"caption-attachment-1781\" style=\"width: 493px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-1781 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/07\/1-1.jpg\" alt=\"HTML Temel \u0130skeleti\" width=\"493\" height=\"175\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 493px; --smush-placeholder-aspect-ratio: 493\/175;\"><noscript><img decoding=\"async\" class=\"size-full wp-image-1781\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2020\/07\/1-1.jpg\" alt=\"HTML Temel \u0130skeleti\" width=\"493\" height=\"175\" title=\"\"><\/noscript><figcaption id=\"caption-attachment-1781\" class=\"wp-caption-text\">HTML Temel \u0130skeleti<\/figcaption><\/figure>\n<p>Temel iskeletin \u00fcst b\u00f6l\u00fcm\u00fcnde yer alan doctype k\u0131sm\u0131 dosya t\u00fcr\u00fcn\u00fc belirtti\u011fimiz aland\u0131r. HTML lang=&#8221;tr-TR&#8221; k\u0131sm\u0131 sayfan\u0131n dilini belirtti\u011fimiz k\u0131s\u0131md\u0131r. Head b\u00f6l\u00fcm\u00fc bir web sitesinin \u00fcst b\u00f6l\u00fcm\u00fcd\u00fcr. Yani sitenin arkaplanda b\u00fcnyesinde bar\u0131nd\u0131rmas\u0131 gerekti\u011fi bilgilerin bulundu\u011fu b\u00f6l\u00fcmd\u00fcr. Anahtar kelimeler, a\u00e7\u0131klamalar, karakter kodlamas\u0131, sayfan\u0131n ba\u015fl\u0131\u011f\u0131, sitenizin bulundu\u011fu \u00fclke gibi bilgiler bu k\u0131s\u0131mda yaz\u0131l\u0131r. Ancak bu k\u0131s\u0131mda yaz\u0131lan bilgiler kullan\u0131c\u0131lara direk olarak g\u00f6sterilmez. Sayfa kaynaklar\u0131nda yer al\u0131r.<\/p>\n<p>Body k\u0131sm\u0131 sitenin kullan\u0131c\u0131lara g\u00f6sterilecek olan i\u00e7eriklerinin bulundu\u011fu yerdir. Sitenizin logosundan, en alt k\u0131s\u0131mdaki at\u0131flara kadar g\u00f6r\u00fcnen her\u015fey body b\u00f6l\u00fcm\u00fcnde yer almaktad\u0131r.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"En_Cok_Kullanlan_HTML_Etiketleri\"><\/span>En \u00c7ok Kullanlan HTML Etiketleri<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>HTML Nedir\u00a0<\/strong>yaz\u0131m\u0131z\u0131n bu b\u00f6l\u00fcm\u00fcnde sizler i\u00e7in s\u0131kl\u0131kla kullan\u0131lan ve web tasar\u0131m konular\u0131na giri\u015f yapan herkesin bilmesi gereken temel etiketleri ve kullan\u0131m \u015fekillerini g\u00f6rece\u011fiz.<\/p>\n<h3>Ba\u015fl\u0131k Etiketleri<\/h3>\n<p>Ba\u015fl\u0131klar h1 en b\u00fcy\u00fck ve \u00f6nemli ba\u015fl\u0131k olmak \u00fczere h6 d\u00fczeyine kadar devam etmektedir. Kullan\u0131m olarak &lt;h1&gt;&lt;\/h1&gt; \u015feklindedir.<\/p>\n<h3>Paragraf Etiketi<\/h3>\n<p>Paragraflar &lt;p&gt;&lt;\/p&gt; olarak belirtilir, al\u0131nt\u0131lar &lt;blockquote&gt;&lt;\/blockquote&gt; \u015feklinde kullan\u0131l\u0131r.<\/p>\n<h3>Alan Etiketleri<\/h3>\n<p>HTML&#8217;de serbest alanlar ve b\u00f6l\u00fcmler olu\u015fturmak i\u00e7in div yap\u0131s\u0131 kullan\u0131labilir. Bu yap\u0131 i\u00e7in &lt;div&gt;&lt;\/div&gt; \u015feklinde alanlar a\u00e7\u0131labilir. Bu div alanlar\u0131 css yard\u0131m\u0131 ile istenildi\u011fi gibi \u00f6zelle\u015ftirilebilir. O zamana kadar her div sonsuz y\u00fckseklik ve geni\u015fli\u011fe sahiptir.<\/p>\n<h3>Liste Etiketleri<\/h3>\n<p>HTML&#8217;de listeler s\u0131ral\u0131 ve s\u0131ras\u0131z listeler olmak \u00fczere ikiye ayr\u0131l\u0131r. S\u0131ral\u0131 liste olu\u015fturulacak ise &lt;ol&gt;&lt;\/ol&gt;, s\u0131ras\u0131z liste olu\u015fturulacak ise &lt;ul&gt;&lt;\/ul&gt; \u015feklinde etiket a\u00e7\u0131l\u0131r ve her liste eleman\u0131 i\u00e7in &lt;li&gt;&lt;\/li&gt; blo\u011fu a\u00e7\u0131larak listeler olu\u015fturulur.<\/p>\n<h3>Sat\u0131 \u0130\u00e7i Etiketler<\/h3>\n<p>Yukar\u0131da belirtilern elementlerin d\u0131\u015f\u0131nda sat\u0131r i\u00e7i elementler belli bir b\u00f6l\u00fcme \u00f6zellik vermek i\u00e7in kullan\u0131l\u0131rlar. \u00d6rne\u011fin bir kelime grubunu kal\u0131nla\u015ft\u0131rmak yada \u00fcst\u00fcn\u00fc \u00e7izmek gibi.<\/p>\n<ul>\n<li>strong : Kal\u0131n metin<\/li>\n<li>em : \u0130talik metin<\/li>\n<\/ul>\n<h3>HTML Link elementi<\/h3>\n<p>HTML dosyalar\u0131nda ba\u015fka bir sayfaya yada siteye link vermek i\u00e7in a etiketi kullan\u0131l\u0131r. Kullan\u0131m\u0131 a\u015fa\u011f\u0131daki gibidir;<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"shell\" data-enlighter-theme=\"minimal\">&lt;a href=\"adres\"&gt;Buraya T\u0131klay\u0131n&lt;\/a&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>Link elementlerinde baz\u0131 alt \u00f6zellikler eklenebilir. Bir linke t\u0131kland\u0131\u011f\u0131nda sitenin farkl\u0131 bir lokasyonda a\u00e7\u0131lmas\u0131n\u0131 isterseniz a\u015fa\u011f\u0131daki se\u00e7enekleri kullanabilirsiniz.<\/p>\n<table class=\"ikisutun\">\n<tbody>\n<tr>\n<td>_blank<\/td>\n<td>Belgeyi yeni bir pencerede veya sekmede a\u00e7ar.<\/td>\n<\/tr>\n<tr>\n<td>_self<\/td>\n<td>Belgeyi ayn\u0131 \u00e7er\u00e7eve i\u00e7erisinde a\u00e7ar. (Varsay\u0131lan)<\/td>\n<\/tr>\n<tr>\n<td>_parent<\/td>\n<td>Belgeyi ana frame&#8217;de a\u00e7ar.<\/td>\n<\/tr>\n<tr>\n<td>_top<\/td>\n<td>Belgeyi pencerenin g\u00f6vdesinde a\u00e7ar.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u00d6rnek:<\/p>\n<p>&lt;a href=&#8221;https:\/\/www.google.com&#8221; target=&#8221;_blank&#8221;&gt;Google&lt;\/a&gt;<\/p>\n<h3>HTML Resim Etiketi<\/h3>\n<p>Web sitelerinize resim eklemek i\u00e7in <strong>img<\/strong> etiketini kullanabilirsiniz. Bu element i\u00e7inde eklenen <strong>src<\/strong> kontrol\u00fc ile resmin linki\/adresi belirtilmelidir. Ayr\u0131ca resmin ne i\u00e7erdi\u011fini arama motorlar\u0131na anlatmak i\u00e7in <strong>alt<\/strong> etiketi kullan\u0131lmal\u0131d\u0131r.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"shell\" data-enlighter-theme=\"minimal\">&lt;img src=\"\/resimler\/ornkek.jpg\" alt=\"Ornek resim\"&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>Bu ve buna benzer t\u00fcm HTML elemenetlerini, nas\u0131l kullan\u0131ld\u0131klar\u0131n\u0131 W3C sitesinde yer alan okuldan da \u00f6\u011frenebilir, YouTube gibi mecralardaki e\u011fitim setlerini kullanabilirsiniz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"HTML_Artilari_ve_Eksileri\"><\/span>HTML Art\u0131lar\u0131 ve Eksileri<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>HTML Nedir <\/strong>ve html ile ilgili temel bilgileri \u00f6\u011frendikten sonra \u015fimdide t\u00fcm program ve dillerde oldu\u011fu gibi HTML&#8217;in de art\u0131lar\u0131 ve eksilerine bir g\u00f6z atal\u0131m. Sizler i\u00e7in bu art\u0131 ve eksileri derledik.<\/p>\n<p><strong>Art\u0131lar:<\/strong><\/p>\n<ul>\n<li>Yayg\u0131n olarak kullan\u0131lan, sekt\u00f6rdeki herkesin bilmesi gereken bir dil oldu\u011fu i\u00e7in muhattab\u0131n\u0131z \u00e7ok olacakt\u0131r<\/li>\n<li>B\u00fct\u00fcn kullan\u0131c\u0131larda ortak olarak ayn\u0131 \u015fekilde \u00e7al\u0131\u015f\u0131r<\/li>\n<li>\u00d6\u011frenmesi olduk\u00e7a kolayd\u0131r<\/li>\n<li>A\u00e7\u0131k kaynak kodludur, yani geli\u015ftirilmeye a\u00e7\u0131k ve \u00fccretsizdir<\/li>\n<li>Bir web standart\u0131 oldu\u011fu i\u00e7in W3C taraf\u0131ndna denetlenmektedir<\/li>\n<li>Web sitelerini dinamikle\u015ftiren php ve javascript gibi dillere kolayca entegre edilebilir<\/li>\n<li>Temiz ve kararl\u0131 bir bi\u00e7imde kodlanabilir<\/li>\n<\/ul>\n<p>Eksileri:<\/p>\n<ul>\n<li>Statik yani kullan\u0131c\u0131 ile etkile\u015fime giremeyen web siteleri i\u00e7in kullan\u0131l\u0131r. \u0130\u015flevselle\u015ftirebilmek i\u00e7in javasciprt ya da php ile b\u00fct\u00fcnle\u015fmesi gerekir<\/li>\n<li>Kullan\u0131c\u0131lar\u0131n katk\u0131s\u0131 olmas\u0131 yerine sabit web sayfalar\u0131n\u0131n olu\u015fturulmas\u0131 i\u00e7in kullan\u0131l\u0131r<\/li>\n<li>Geli\u015fmi\u015f HTML \u00f6zellikleri bazen web taray\u0131c\u0131lara\u0131 taraf\u0131ndan ge\u00e7 tan\u0131mlanabiliyor<\/li>\n<li>G\u00f6rsel olarak \u00f6zelle\u015ftirilmesi k\u0131s\u0131tl\u0131d\u0131r. Dolay\u0131s\u0131 ile g\u00f6ze ho\u015f gelen sitelerin yap\u0131lmas\u0131 sadece HTML ile yap\u0131lmas\u0131 m\u00fcmk\u00fcn de\u011fildir.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Gelismis_Web_Siteleri_Nasil_Yapilir\"><\/span>Geli\u015fmi\u015f Web Siteleri Nas\u0131l Yap\u0131l\u0131r?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Web siteleri yap\u0131m\u0131nda sadece HTML kullan\u0131m\u0131 yetersiz kalacakt\u0131r. \u00d6ncelikle g\u00f6rsel a\u00e7\u0131dan kullan\u0131c\u0131lar\u0131n g\u00f6z\u00fcne ho\u015f gelen siteler yapabilmeniz i\u00e7in CSS dilini de bilmeniz gerekmektedir.<\/p>\n<p>E\u011fer sitenizin kullan\u0131c\u0131lar ile etkile\u015fimde olmas\u0131n\u0131 yani dinamik bir web sitesi olmas\u0131n\u0131 istiyorsan\u0131z bu durumda javascript ya da php dilini de bilmeniz gerekmektedir.<\/p>\n<p>Dolay\u0131s\u0131 ile buradan bir web sitesinin yap\u0131m\u0131 i\u00e7in HTML&#8217;in tek ba\u015f\u0131na yetersiz olaca\u011f\u0131n\u0131 \u00e7\u0131karabiliriz.<\/p>\n<ul>\n<li>CSS ile arkaplanlar, g\u00f6rsel d\u00fczenlemeler, bo\u015fluklar, geni\u015flik ve \u00fckseklikler gibi pek \u00e7ok g\u00f6rsel de\u011fi\u015fimi yapabilirsiniz.<\/li>\n<li>Javasciprt ile slider, a\u00e7\u0131l\u0131r men\u00fc, yan men\u00fcler, mobil men\u00fcler gibi tasar\u0131mlar\u0131 yaparken, php ile veri depolama ve kullan\u0131c\u0131lar ile etkile\u015fimli siteler olu\u015fturman\u0131z m\u00fcmk\u00fcnd\u00fcr.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Ozetle_HTML_Nedir\"><\/span>\u00d6zetle HTML Nedir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>HTML bir <a href=\"https:\/\/www.hostixo.com\/blog\/\">web sitesi<\/a>nin olu\u015fturulmas\u0131 i\u00e7in kullan\u0131lacak en temel dildir. Bu dili bilmeden di\u011fer bahsi ge\u00e7en css, javasciprt ve php gibi dilleri \u00f6\u011frenmeye \u00e7al\u0131\u015fman\u0131z mant\u0131ks\u0131z olacakt\u0131r. Ancak \u015funu unutmamak gerekiyor, hi\u00e7 bir dil tek ba\u015f\u0131na bir i\u015fin tamamlanmas\u0131 i\u00e7in yeterli olmayacakt\u0131r. Hepsini bilmeni ve etkin olarak kullanabilmeniz gerekmektedir.<\/p>\n<p><strong>HTML Nedir<\/strong> konulu yaz\u0131m\u0131z ile sizlerin html konusundaki sorular\u0131n\u0131 ve bilmesi gereken temel bilgileri aktarmaya \u00e7al\u0131\u015ft\u0131k. Yorumlar\u0131n\u0131z\u0131 ve sorular\u0131n\u0131z\u0131 alt k\u0131s\u0131mdan bizimle payla\u015fmay\u0131 unutmay\u0131n.<\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\/\", \n  \"@type\": \"Product\", \n  \"name\": \"Hostixo Blog\",\n  \"image\": \"https:\/\/www.hostixo.com\/blog\/\",\n  \"description\": \"Hostixo Blog\",\n  \"brand\": \"HostixoBlog1\",\n  \"sku\": \"HostixoBlog1\",\n  \"gtin8\": \"HostixoBlog1\",\n  \"gtin13\": \"HostixoBlog1\",\n  \"gtin14\": \"HostixoBlog1\",\n  \"mpn\": \"HostixoBlog1\",\n  \"offers\": {\n    \"@type\": \"Offer\",\n    \"url\": \"https:\/\/www.hostixo.com\/blog\/\",\n    \"priceCurrency\": \"TRY\",\n    \"price\": \"0.99\",\n    \"priceValidUntil\": \"2020-06-09\",\n    \"availability\": \"https:\/\/schema.org\/InStock\",\n    \"itemCondition\": \"https:\/\/schema.org\/NewCondition\"\n  },\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n   \"ratingValue\": \"5\",\n    \"bestRating\": \"5\",\n    \"worstRating\": \"4\",\n    \"ratingCount\": \"1387\",\n    \"reviewCount\": \"1387\"\n  },\n  \"review\": {\n    \"@type\": \"Review\",\n    \"name\": \"HostixoBlog1\",\n    \"reviewBody\": \"Hostixo Blog\",\n    \"reviewRating\": {\n      \"@type\": \"Rating\",\n   \"ratingValue\": \"5\",\n      \"bestRating\": \"5\",\n      \"worstRating\": \"4\"\n    },\n    \"datePublished\": \"2020-06-09\",\n    \"author\": {\"@type\": \"Person\", \"name\": \"Hostixo\"},\n    \"publisher\": {\"@type\": \"Organization\", \"name\": \"HostixoBlog1\"}\n  }\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML Nedir konulu yaz\u0131m\u0131z ile sizlere a\u00e7\u0131l\u0131m\u0131 hypertext markup language olan web sitesi yap\u0131m\u0131nda kullan\u0131lan i\u015faretleme dili hakk\u0131nda bilgiler verece\u011fiz. HTML kullan\u0131c\u0131lar\u0131n web siteleri olu\u015fturmalar\u0131 i\u00e7in gerekli yap\u0131lar\u0131 b\u00fcnyeinde bar\u0131nd\u0131ran bir i\u015faretleme dilidir. HTML kesinlikle bir programlama dili de\u011fildir. HTML sayesinde paragraflar, ba\u011flant\u0131lar, ba\u015fl\u0131klar ve linkler olu\u015fturabilirsiniz. Bu sayede sitenizi ziyaret eden kullan\u0131c\u0131lar i\u00e7in zengin &hellip;<\/p>\n","protected":false},"author":1,"featured_media":1783,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[1],"tags":[370,371],"class_list":["post-1777","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel","tag-html-nedir","tag-hypertext-markup-language-ile-ilgili-genel-bilgiler"],"_links":{"self":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/1777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/comments?post=1777"}],"version-history":[{"count":0,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/1777\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media\/1783"}],"wp:attachment":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media?parent=1777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/categories?post=1777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/tags?post=1777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}