{"id":5238,"date":"2021-03-12T00:47:00","date_gmt":"2021-03-11T21:47:00","guid":{"rendered":"https:\/\/www.niobehosting.com\/blog\/?p=5238"},"modified":"2021-04-27T15:22:19","modified_gmt":"2021-04-27T12:22:19","slug":"html-kodlama-nasil-ogrenilir","status":"publish","type":"post","link":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/","title":{"rendered":"HTML Kodlama Nas\u0131l \u00d6\u011frenilir?"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.niobehosting.com\/blog\/html-nedir\/\">HTML <\/a>\u00f6\u011frenmek di\u011fer dillere nazaran \u00f6\u011frenmesi en kolay dillerden biridir. \u00c7\u00fcnk\u00fc HTML bir programlama dili de\u011fil, metin i\u015faretleme dilidir. Bu sebepten dolay\u0131 HTML ile kod yaz\u0131laca\u011f\u0131 zaman herhangi bir nesne olu\u015fturulmaz, algoritma kurulmaz. <strong>HTML kodlama<\/strong> ile sadece metin i\u015faretleme yaparak bir web sitesinin adeta iskeleti olu\u015fturulur.<\/p>\n\n\n\n<p>HTML \u00f6\u011frenmek i\u00e7in internette say\u0131s\u0131z kaynak bulunmaktad\u0131r. Bu dili \u00f6\u011frenmek istedi\u011finizde \u00f6nce \u201c<strong>tag<\/strong>\u201d denilen etiket sistemini \u00f6\u011frenip ard\u0131ndan bu etiketlerin hangi s\u0131rayla yaz\u0131ld\u0131\u011f\u0131n\u0131 \u00f6\u011frenerek ba\u015flayabilirsiniz. Fakat en \u00f6nce HTML\u2019in ne oldu\u011fundan ve neden \u00f6\u011frenilmesi gerekti\u011fi bilinmelidir.<\/p>\n\n\n\n<p>Fakat bir web sitesini olu\u015fturmak i\u00e7in HTML tek ba\u015f\u0131na yetersiz kalacakt\u0131r. Bu sebeple HTML\u2019in yan\u0131nda CSS ve <a href=\"https:\/\/www.niobehosting.com\/blog\/javascript\/\">Javascript<\/a> dilleri de \u00f6\u011frenilerek daha profesyonel, kullan\u0131c\u0131 dostu ve etkile\u015fimli siteler yapmak m\u00fcmk\u00fcn hale gelecektir. Web sitesini yaparken <strong>HTML kodlama<\/strong> kullan\u0131ld\u0131ktan sonra <a href=\"https:\/\/www.niobehosting.com\/blog\/css-nedir\/\">CSS<\/a> ile bu siteye stil verilerek site g\u00f6ze daha g\u00fczel gelen bir forma sokulur. Burada unutulmamas\u0131 gereken kural <strong>HTML kodlar\u0131<\/strong> CSS ve JS kodlar\u0131na uygun bir \u015fekilde yaz\u0131lmal\u0131d\u0131r. Bu sayede bu 3 dil birbiri aras\u0131nda daha entegre ve sa\u011fl\u0131kl\u0131 \u00e7al\u0131\u015fabilmektedir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Nedir ve Neden \u00d6\u011frenilmeli?<\/h2>\n\n\n\n<p>HTML yani <strong>Hyper Text Markup Language<\/strong>, ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 \u00fczere Hiper Metin \u0130\u015faretleme Dili\u2019dir. Bu dil bir web sitesi yap\u0131l\u0131rken web sitesinde g\u00f6r\u00fclen buton, ba\u015fl\u0131k, paragraf, metin kutucuklar\u0131, sayfalar aras\u0131 dola\u015f\u0131m gibi bir\u00e7ok i\u015flevin \u00e7al\u0131\u015fmas\u0131 i\u00e7in yaz\u0131lmas\u0131 gereken en temel kodlar\u0131 yazmam\u0131za yarar.<\/p>\n\n\n\n<p>Daha kolay anla\u015f\u0131lmas\u0131n\u0131 isteyecek olursak bir web sitesini insan v\u00fccuduna benzetelim. Bir insan v\u00fccudunun iskeleti, organlar\u0131 ve i\u015flevleri vard\u0131r. Bu iskelet HTML ile organlar CSS ile i\u015flevler ise Javascript ile bir web sitesine kazand\u0131r\u0131lmaktad\u0131r. HTML bahsedildi\u011fi \u00fczere sitenin en temel k\u0131sm\u0131n\u0131 yani iskeletini olu\u015fturmaya yaramaktad\u0131r.<\/p>\n\n\n\n<p><strong>HTML kodlama<\/strong>, <a href=\"https:\/\/www.niobehosting.com\/blog\/hazir-site-araci\/\">web sitesi yapmak<\/a> isteyen herkesin bilmesi gereken bir dildir. HTML bilmeden bir web sitesinin CSS kodlar\u0131n\u0131 yazmak ya da o siteye Javascript kodlar\u0131 entegre etmek bir i\u015fe yaramayacakt\u0131r. \u00c7\u00fcnk\u00fc bu kodlar\u0131n do\u011fru \u00e7al\u0131\u015fmas\u0131 i\u00e7in \u00f6ncelikle kodlar\u0131n yaz\u0131laca\u011f\u0131 .html uzant\u0131l\u0131 dosyaya \u201c <strong>&lt;html> <\/strong>\u201c etiketi a\u00e7\u0131lmal\u0131d\u0131r ki bunun bir web sitesi oldu\u011fu anla\u015f\u0131ls\u0131n. HTML dili ile yap\u0131labilecekleri \u015fu \u015fekilde listeleyebiliriz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Bir web sitesinde g\u00f6rsel, yaz\u0131, video ya da buton gibi bir\u00e7ok i\u00e7eri\u011fin web sitesinde istenilen konuma getirilebilir.<\/li><li>Bahsedilen i\u00e7eriklerin web sitesinde do\u011fru ve istenen konumda g\u00f6sterilebilir.<\/li><li>Browser\u2019lara web sitesi hakk\u0131nda bilgiler verilip sitenin browser\u2019lar taraf\u0131ndan do\u011fru tan\u0131nmas\u0131 sa\u011flan\u0131r.<\/li><li>Web sitesine metin veya g\u00f6rsel gibi i\u00e7erik eklenmesi gerekti\u011finde devreye giren dil HTML\u2019dir. Bu dil sayesinde sitede belirlenen yerlere i\u00e7erik eklenebilmektedir.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">HTML ile CSS ve JS Aras\u0131ndaki Ba\u011flant\u0131 Nedir?<\/h2>\n\n\n\n<p>HTML, CSS ve JS birbirinden olduk\u00e7a farkl\u0131 3 yaz\u0131l\u0131m dilidir. Bunlar\u0131n i\u00e7inden sadece Javascript programlama dili olmakla beraber di\u011fer iki dil ise metin i\u015faretleme dilidir. <strong>HTML <\/strong>ile <strong>CSS <\/strong>ve <strong>JS <\/strong>aras\u0131ndaki ba\u011flant\u0131dan bahsetmeden \u00f6nce CSS ve JS kavramlar\u0131n\u0131n ne oldu\u011fu bilinmelidir. <strong>CSS <\/strong>(Cascading Style Sheets) T\u00fcrk\u00e7ede \u201cBasamakl\u0131 Stil \u015eablonlar\u0131\u201d olarak belirtilmektedir. HTML ile sitenin iskeleti olu\u015fturulduktan sonra bu iskeletin kullan\u0131c\u0131ya g\u00fczel g\u00f6z\u00fckmesi i\u00e7in CSS kullan\u0131l\u0131r. CSS de bir metin i\u015faretleme dili olarak bilinir. Fakat sadece metinler \u00fczerinde de\u011fil sitenin b\u00fct\u00fcn format\u0131 \u00fczerinde CSS ile i\u015flem yap\u0131labilir. CSS\u2019in yaz\u0131l\u0131 olmad\u0131\u011f\u0131 bir site kullan\u0131c\u0131n\u0131n g\u00f6z\u00fcne k\u00f6t\u00fc gelmekle birlikte neredeyse i\u015flevsiz bir site olarak kullan\u0131lacakt\u0131r. Yani <strong>HTML kodlama<\/strong> bir web sitesi i\u00e7in ne kadar \u00f6nemliyse CSS\u2019 de bir o kadar \u00f6nemlidir denilebilir. CSS ile bir web sitesinde yap\u0131labilecek geli\u015ftirmeler \u015funlard\u0131r.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Sitenin genel tasar\u0131m\u0131 konusunda k\u00f6kl\u00fc de\u011fi\u015fiklikler CSS ile yap\u0131labilir. CSS ile sitenin arka plan g\u00f6rseli veya rengi de\u011fi\u015ftirilebilir bu rengin her sayfada de\u011fi\u015fmesi sa\u011flanabilir.<\/li><li>CSS kodlar\u0131 yaz\u0131l\u0131rken HTML\u2019deki class ve tag sisteminden yararlan\u0131labilir. Her tag ve class i\u00e7in ayr\u0131 CSS kodlar\u0131 yaz\u0131lmas\u0131 siteyi geli\u015ftiren yaz\u0131l\u0131mc\u0131 i\u00e7in b\u00fcy\u00fck kolayl\u0131k sa\u011flamaktad\u0131r.<\/li><li>CSS kodlar\u0131 sitedeki yaz\u0131lar, butonlar, metin kutular\u0131 gibi her birimde de\u011fi\u015fiklik yapmam\u0131za izin verir. CSS ile sitedeki yaz\u0131n\u0131n fontu de\u011fi\u015ftirilebilir, yaz\u0131 renkleri ve boyutlar\u0131yla oynanabilir ve \u00e7e\u015fitli animasyonlar eklenebilir.<\/li><li>Bir sitenin responsive, yani mobil uyumlu olmas\u0131 i\u00e7in CSS olmazsa olmazd\u0131r. \u00c7\u00fcnk\u00fc sitenin responsive olmas\u0131 i\u00e7in gereken kodlar CSS dosyalar\u0131na yaz\u0131l\u0131r. Bu sayede site her boyuta uygun bir \u015fekle girer. Bunu sa\u011flayan dil CSS\u2019 dir.<\/li><\/ul>\n\n\n\n<p>Bir insan\u0131n nas\u0131l i\u015flevleri varsa bir web sitesinin de i\u015flevleri olmas\u0131 i\u00e7in gereken kodlar Javascript dili ile yaz\u0131l\u0131r. Ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 \u00fczere Javascript, bir Script dilidir. Java dili ile herhangi bir alakas\u0131 yoktur. Genellikle web siteleri i\u00e7in kullan\u0131l\u0131yor olsa da Javascript yapay zek\u00e2, oyun geli\u015ftirme gibi bir\u00e7ok alanda da aktif bir \u015fekilde kullan\u0131labilen geni\u015f kapsaml\u0131 bir dildir. Ayn\u0131 zamanda Javascript nesne tabanl\u0131 bir programlama dilidir.<\/p>\n\n\n\n<p>Javascript sayesinde daha etkile\u015fimli siteler olu\u015fturulmaktad\u0131r. Bir web sitesinde genellikle <strong>HTML kodlar\u0131<\/strong> ve CSS kodlar\u0131 yaz\u0131ld\u0131ktan sonra Javascript kodlar\u0131 eklenerek istenen yerlerde site ile kullan\u0131c\u0131 aras\u0131nda etkile\u015fim sa\u011flanmaktad\u0131r. Javascript ile bir web sitesinde yap\u0131labilecekler:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Web sitesini ziyaret eden kullan\u0131c\u0131ya site \u00fczerinden anl\u0131k bildirim g\u00f6nderme sa\u011flanabilir.<\/li><li>Web sitesine HTML ve CSS ile olu\u015fturulan bir ileti\u015fim formuna Javascript ile i\u015flev kazand\u0131r\u0131labilir.<\/li><li>Web sitesi i\u00e7in akla gelebilecek b\u00fct\u00fcn dinamik etkile\u015fimler bu dil ile sa\u011flanabilir.<\/li><\/ul>\n\n\n\n<p>Javascript g\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere bir web tasar\u0131mc\u0131 taraf\u0131ndan neredeyse olmazsa olmaz denilebilecek kadar \u00f6nemli bir dildir. Peki Javascript kullanman\u0131n avantajlar\u0131 nelerdir? Javascript\u2019in avantajlar\u0131n\u0131 \u015fu \u015fekilde s\u0131ralayabiliriz.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Herhangi bir compiler (derleyici) ihtiyac\u0131 gerekmeksizin kullan\u0131labilen bir dildir. \u00c7\u00fcnk\u00fc bu dil <strong>HTML kodlar\u0131<\/strong> aras\u0131nda yer alaca\u011f\u0131ndan taray\u0131c\u0131lar bu kodlar\u0131 HTML ile yorumlamaktad\u0131r.<\/li><li>Web sayfalar\u0131nda \u00f6zel durumlara g\u00f6re ayarlanabilir. Belli yerlere gelince imlecin rengi de\u011fi\u015fmesi, ses \u00e7\u0131kmas\u0131 gibi \u00f6zellikler Javascript ile siteye kazand\u0131r\u0131l\u0131r.<\/li><li>Javascript esnek bir yap\u0131ya sahiptir. Bu sayede birbirinden farkl\u0131 platform ve taray\u0131c\u0131larda sorunsuzca \u00e7al\u0131\u015fabilmektedir.<\/li><li>Web sitelerini interaktif yapar, ziyaret\u00e7ilerin ilgisini \u00e7eker.<\/li><li>\u00d6\u011frenmesi \u00e7ok zor de\u011fildir. Basit bir yap\u0131s\u0131 vard\u0131r. Basit yap\u0131s\u0131 dolay\u0131s\u0131yla di\u011fer yaz\u0131l\u0131m dillerine nazaran hata bulma i\u015flemi \u00e7ok daha kolayd\u0131r.<\/li><li>Di\u011fer yaz\u0131l\u0131m dillerinden daha hafif olmas\u0131 dolay\u0131s\u0131yla web sitesini \u00e7ok yoracak bir dil de\u011fildir.<\/li><\/ul>\n\n\n\n<p>Bahsedilen bu 3 dili toparlayacak olursak web sitelerinin yap\u0131ta\u015f\u0131 olan <strong>HTML kodlamay\u0131<\/strong> sitelere i\u00e7erik eklemek, i\u00e7eriklerin nerede g\u00f6r\u00fcnmesini sa\u011flamak ve taray\u0131c\u0131lara sitemiz hakk\u0131nda gerekli bilgileri ula\u015ft\u0131rmak i\u00e7in gerekli olan dil olarak tan\u0131tabiliriz.<\/p>\n\n\n\n<p>CSS i\u00e7in siteyi olu\u015fturan yaz\u0131l\u0131mc\u0131ya siteye stil ekleme \u015fans\u0131 veren dil diyebiliriz. Bir \u00f6\u011fenin rengini, \u015feklini, nerede olmas\u0131 gerekti\u011fini ve e\u011fer isteniyorsa animasyonunu bu dil ile ekleriz. Bu istenenlerin bir\u00e7o\u011funu HTML\u2019de yapabilsek de CSS bize toplu k\u0131s\u0131mlar\u0131 tek seferde yapabilmemize olanak sa\u011flar. Bu \u015fekilde zaman ve enerjiden tasarruf etmi\u015f oluruz.<\/p>\n\n\n\n<p>Son ve en aktif dilimiz olan Javascript ise sitelere interaktif olma \u00f6zelli\u011fi katmaktad\u0131r. Scriptler PHP gibi sunucuda de\u011fil de ziyaret\u00e7inin internet taray\u0131c\u0131s\u0131nda \u00e7al\u0131\u015f\u0131r bu sayede sunucu g\u00fcvenli\u011fi ve sunucu sa\u011fl\u0131\u011f\u0131 olarak bizi bir ad\u0131m \u00f6ne ta\u015f\u0131maktad\u0131r. Javascript\u2019i sitede etkile\u015fim istedi\u011fimiz her k\u0131s\u0131mda \u00f6zg\u00fcrce kullanabilir, bu k\u0131s\u0131mlar\u0131n etkile\u015fimli olmas\u0131n\u0131 sa\u011flayabiliriz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Kodlamak \u0130\u00e7in Hangi Programlara \u0130htiya\u00e7 Var?<\/h2>\n\n\n\n<p>HTML kodlamak i\u00e7in kullanabilece\u011fimiz bir\u00e7ok se\u00e7enek mevcut. Asl\u0131nda ekstra bir programa ihtiya\u00e7 duymadan bilgisayar\u0131n\u0131z\u0131n not defteri ile de HTML kodlayabilirsiniz. Ancak yaz\u0131l\u0131m d\u00fcnyas\u0131nda kodlama i\u00e7in geli\u015ftirilmi\u015f \u00e7ok fazla se\u00e7ene\u011fe sahip oldu\u011funuzu unutmay\u0131n. Bahsedece\u011fim programlar ile kolayca kodlama yapabilir, bu programlar sayesinde yaz\u0131m hatalar\u0131n\u0131z\u0131 g\u00f6rebilir, k\u0131sayollar sayesinde kodlar\u0131n\u0131z\u0131 h\u0131zl\u0131ca yazabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Notepad++<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"414\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/notepad-plus-plus.png\" alt=\"\" class=\"wp-image-5447\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/notepad-plus-plus.png 600w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/notepad-plus-plus-300x207.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/notepad-plus-plus-100x69.png 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Notepad ++, bir\u00e7ok kullan\u0131c\u0131n\u0131n favori kod edit\u00f6r\u00fcd\u00fcr. Notepad ++ kolay kullan\u0131\u015fl\u0131 klasik bir yaz\u0131l\u0131md\u0131r. Bilgisayar\u0131m\u0131zda bulunan not defteri yetersiz oldu\u011fu i\u00e7in piyasaya \u00e7\u0131km\u0131\u015ft\u0131r.<\/p>\n\n\n\n<p>Notepad ++, size otomatik tamamlama gibi kolayl\u0131klar\u0131n yan\u0131nda m\u00fckemmel kod vurgulama se\u00e7enekleri sunar. Makro kay\u0131t \u00f6zelli\u011fi bulunan program ayr\u0131ca, s\u0131k kullan\u0131lan komutlar\u0131 otomatikle\u015ftirir. Kullan\u0131ma haz\u0131r bir\u00e7ok eklenti bar\u0131nd\u0131r\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Sublime Text 2<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"441\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/sublime-text-2.png\" alt=\"\" class=\"wp-image-5448\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/sublime-text-2.png 600w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/sublime-text-2-300x221.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/sublime-text-2-100x74.png 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p><strong>Sublime Text 2<\/strong><em> <\/em>olduk\u00e7a pop\u00fcler olan bir di\u011fer HTML edit\u00f6r\u00fcd\u00fcr. Farkl\u0131 uzant\u0131lar ve JSON dosyalar\u0131 ile ki\u015fiye \u00f6zel kullan\u0131ma m\u00fcsade eder. Paket Kontrol\u00fc yard\u0131m\u0131yla, uzant\u0131lar\u0131 indirip kurman\u0131za olanak sa\u011flar. Edit\u00f6r\u00fcn olduk\u00e7a kapsaml\u0131 bir eklenti k\u00fct\u00fcphanesi bulunmaktad\u0131r. Sublime Text 2 \u00fccretsiz olarak indirilebilir ve s\u0131n\u0131rs\u0131z olarak kullan\u0131labilir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. CoffeeCup<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"525\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/coffeecup.png\" alt=\"\" class=\"wp-image-5449\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/coffeecup.png 700w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/coffeecup-300x225.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/coffeecup-100x75.png 100w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/coffeecup-600x450.png 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>CoffeeCup HTML Editor, di\u011fer edit\u00f6rler gibi HTML\/CSS projelerinizin \u00fczerinde \u00e7al\u0131\u015fmak i\u00e7in basit bir ara\u00e7t\u0131r. CoffeeCup HTML Editor yeni kullan\u0131c\u0131lar\u0131n oldu\u011fu kadar profesyonel kullan\u0131c\u0131lar\u0131n da tercih etti\u011fi bir ara\u00e7t\u0131r. Program\u0131n avantajlar\u0131na g\u00f6z atacak olursak, FTP senkronizasyonu ve site \u00f6nizlemesi gibi \u00f6zellikleri mevcuttur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Phase 5<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"390\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/phase5.gif\" alt=\"\" class=\"wp-image-5450\"\/><\/figure>\n\n\n\n<p>Phase5, proje y\u00f6netimi, kod tamamlama, resim g\u00f6r\u00fcnt\u00fcleyici, \u00f6zel karakterler i\u00e7in destek, hata ay\u0131klay\u0131c\u0131, girinti yard\u0131m\u0131, arama ve de\u011fi\u015ftirme ve \u00f6zelle\u015ftirilebilir men\u00fcler-\u015fablonlar gibi \u00f6zellikler bar\u0131nd\u0131rmakta.<\/p>\n\n\n\n<p>Phase5 ayr\u0131ca PHP, Javascript, HTML, VBScript, Java ve Pearl gibi pop\u00fcler formatlar\u0131 da destekler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. SynWrite<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"435\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/synwrite.png\" alt=\"\" class=\"wp-image-5451\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/synwrite.png 650w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/synwrite-300x201.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/synwrite-100x67.png 100w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<p>SynWrite olduk\u00e7a i\u015flevsel bir edit\u00f6rd\u00fcr. SynWrite yukar\u0131da s\u0131ralad\u0131\u011f\u0131m\u0131z di\u011fer edit\u00f6rlerin \u00f6zelliklerine ek olarak Python ile yaz\u0131lm\u0131\u015f eklentiler eklenebilir olmas\u0131 ile gayet kullan\u0131\u015fl\u0131 bir ara\u00e7 olmay\u0131 ba\u015far\u0131yor. SynWrite ile ayr\u0131ca \u00e7oklu ayarlama yapabilir, b\u00f6ylece zamandan bolca tasarruf edebilirsiniz.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"213\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/synwrite-2.gif\" alt=\"\" class=\"wp-image-5452\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Kod \u00d6rnekleri<\/h2>\n\n\n\n<p>HTML kodlar\u0131 &lt; ile &gt; i\u015faretlerin aras\u0131na yaz\u0131lmal\u0131d\u0131r.<\/p>\n\n\n\n<p>HTML kodlar\u0131, i\u00e7eri\u011fin aras\u0131na yerle\u015ftirilen bir ba\u015flang\u0131\u00e7 etiketi ve biti\u015f etiketinden olu\u015fur. \u00d6rnek: &lt;p&gt;Merhaba&lt;\/p&gt; ba\u015flang\u0131\u00e7 etiketi, biti\u015f etiketi \u015feklinde yaz\u0131l\u0131r, biti\u015f etiketinin \u00f6n\u00fcne bir \/ i\u015fareti eklenir. &lt;html&gt; &lt;\/html&gt;, &lt;p&gt; &lt;\/p&gt; gibi.<\/p>\n\n\n\n<p>Burada yazd\u0131\u011f\u0131m\u0131z HTML kodlar\u0131n\u0131 a\u00e7\u0131klayacak olursak,<\/p>\n\n\n\n<p>&lt;html&gt; &lt;\/html&gt;, kodlar\u0131m\u0131z\u0131n tamam\u0131n\u0131 i\u00e7ine alan, sayfan\u0131n ba\u015f\u0131nda a\u00e7\u0131larak sayfan\u0131n sonunda da kapat\u0131lan etiketin ad\u0131d\u0131r. &lt;html&gt; T\u00fcm \u0130\u00e7erikler &lt;\/html&gt; \u015feklinde a\u00e7\u0131l\u0131p, kapanmal\u0131d\u0131r.<\/p>\n\n\n\n<p>&lt;head&gt; &lt;\/head&gt; etiketi \u00e7al\u0131\u015fma sayfam\u0131z hakk\u0131nda ba\u015fl\u0131k bilgilerini i\u00e7erir. Bu b\u00f6l\u00fcme eklenen hi\u00e7 bir \u015fey sayfada g\u00f6r\u00fcnmez. Bu alan, sayfa a\u00e7\u0131klamas\u0131, anahtar kelimeler, belgenin yazar\u0131 ve di\u011fer verileri belirtmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n<p>&lt;title&gt; &lt;\/title&gt; bu etiketler aras\u0131na yazd\u0131klar\u0131n\u0131z sayfam\u0131zda ba\u015fl\u0131k olarak g\u00f6r\u00fcnt\u00fclenir.<\/p>\n\n\n\n<p>&lt;body&gt; &lt;\/body&gt; sayfam\u0131zda g\u00f6r\u00fcnmesini istedi\u011fimiz t\u00fcm HTML kodlar\u0131 bu alana yaz\u0131l\u0131r. Ba\u015fl\u0131klar, paragraflar, resimler, videolar, listeler vb.<\/p>\n\n\n\n<p>\u00d6zetleyecek olursak, sayfa yap\u0131s\u0131 a\u015fa\u011f\u0131daki \u015fekilde olmal\u0131d\u0131r.<\/p>\n\n\n\n<p><code>&lt;html><br>&lt;head><br>&lt;title>\u0130lk HTML Denemem&lt;\/title><br>&lt;\/head><br>&lt;body><br>Sayfada g\u00f6r\u00fcnecek i\u00e7erikler.<br>&lt;\/body><br>&lt;\/html><\/code><\/p>\n\n\n\n<p>HTML\u2019nin temel etiketlerini a\u00e7\u0131klad\u0131k. \u015eimdi, i\u00e7erik olu\u015fturmak i\u00e7in kullanabilece\u011fimiz di\u011fer&nbsp; HTML kodlar\u0131n\u0131 inceleyelim.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML &lt;Hx> Etiketleri \u2013 Ba\u015fl\u0131k Etiketleri<\/h3>\n\n\n\n<p>HTML\u2019de ba\u015fl\u0131klar &lt;h1&gt; &lt;h2&gt; &lt;h3&gt; &lt;h4&gt; &lt;h5&gt; &lt;h6&gt; etiketlerinden olu\u015fur.<\/p>\n\n\n\n<p>Ba\u015fl\u0131k boyutu &lt;h1&gt; den &lt;h6&gt; ya do\u011fru k\u00fc\u00e7\u00fcl\u00fcr. \u0130\u00e7erik ba\u015fl\u0131\u011f\u0131 veya \u00f6nemli ba\u015fl\u0131klar i\u00e7in &lt;h1&gt; etiketi kullan\u0131l\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML &lt;p> Etiketi \u2013 HTML Paragraf Ekleme<\/h3>\n\n\n\n<p>HTML sayfalar\u0131na paragraf eklemek i\u00e7in &lt;p&gt; &lt;\/p&gt; etiketi kullan\u0131l\u0131r.<\/p>\n\n\n\n<p>HTML Paragraf Ekleme Kodlar\u0131:<\/p>\n\n\n\n<p><code>&lt;p>Bu bir paragraft\u0131r.&lt;\/p><br>&lt;p>Bu ikinci paragraft\u0131r.&lt;\/p><\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML &lt;a> Etiketi\u00a0 \u2013\u00a0 HTML Link Kodu Kullanma<\/h3>\n\n\n\n<p>Sayfan\u0131za link eklemek isteyebilirsiniz. Bu linkler, kullan\u0131c\u0131lar\u0131n sayfan\u0131zdan ba\u015fka bir sayfaya do\u011fru y\u00f6nlendirilmesi i\u00e7in kullan\u0131l\u0131r. \u00d6rnek olarak, sitemizde t\u0131klad\u0131\u011f\u0131n\u0131z her men\u00fc link kullan\u0131larak y\u00f6nlendirme i\u015flemi yapar. Sayfan\u0131za verdi\u011finiz ba\u011flant\u0131n\u0131n farkl\u0131 pencerede a\u00e7\u0131lmas\u0131 isterseniz ba\u011flant\u0131ya target=\u201d_blank\u201d \u00f6zelli\u011fi eklemelisiniz.<\/p>\n\n\n\n<p>\u00d6rnek;<\/p>\n\n\n\n<p>&lt;a href=&#8221; https:\/\/www.niobehosting.com\/blog&#8221; target=&#8221;blank&#8221;&gt;Anasayfaya Gidin.&lt;\/a&gt;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML &lt;strong> Etiketi<\/h3>\n\n\n\n<p>&lt;strong&gt; etiketi yaz\u0131ya &lt;b&gt; etiketi ile ayn\u0131 g\u00f6r\u00fcn\u00fcm\u00fc verir. Yani yaz\u0131n\u0131n kal\u0131n g\u00f6r\u00fcnmesini sa\u011flar. Ayr\u0131ld\u0131klar\u0131 nokta \u015fudur: &lt;b&gt; tak\u0131s\u0131 sadece yaz\u0131n\u0131n stilini de\u011fi\u015ftirir. &lt;strong&gt; tak\u0131s\u0131 ise, yaz\u0131n\u0131n stilini de\u011fi\u015ftirmekle kalmay\u0131p, ona \u00f6nem katar. Arama motorlar\u0131 sayfay\u0131 indekslerken &lt;strong&gt; tak\u0131lar\u0131 aras\u0131ndaki kelimelerin, di\u011fer kelimeler ile kar\u015f\u0131la\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda daha \u00f6nemli oldu\u011funu varsaymaktad\u0131r.&nbsp; Ayn\u0131 \u015fekilde, sayfay\u0131 bir okuma yaz\u0131l\u0131m\u0131na okutursan\u0131z, &lt;strong&gt; tak\u0131lar\u0131 aras\u0131ndaki kelimeleri daha y\u00fcksek sesle okuyacakt\u0131r.<\/p>\n\n\n\n<p>\u00d6rnek;<\/p>\n\n\n\n<p>HTML kodlama nas\u0131l \u00f6\u011frenilir &lt;strong&gt;HTML&lt;\/strong&gt; \u00d6rnekleri<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML &lt;b> Etiketi \u2013 Kal\u0131nla\u015ft\u0131rma<\/h3>\n\n\n\n<p>Bu etiket ile istedi\u011finiz metnin bold (kal\u0131n) olarak yaz\u0131lmas\u0131 sa\u011flan\u0131r.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki HTML kodunu inceledi\u011fimizde b etiketinin kullan\u0131m\u0131n\u0131 g\u00f6r\u00fcyoruz.<\/p>\n\n\n\n<p>Bu etiket ile istenen metnin &lt;b&gt;bold (kal\u0131n)&lt;\/b&gt; olarak yaz\u0131lmas\u0131 sa\u011flan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML &lt;i> Etiketi \u2013 E\u011fik Yaz\u0131 (\u0130talik) Etiketi<\/h3>\n\n\n\n<p>Bu etiketi kullanarak italik (e\u011fik) yaz\u0131 \u00f6zelli\u011fi vermek istedi\u011fimiz yaz\u0131lar\u0131 haz\u0131rlayabiliriz. A\u015fa\u011f\u0131da \u00f6rnek HTML kodlar\u0131n\u0131 g\u00f6rebilirsiniz.<\/p>\n\n\n\n<p>HTML kodlama nas\u0131l \u00f6\u011frenilir &lt;i&gt;HTML&lt;\/i&gt; Dersleri<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML &lt;br> Etiketi \u2013 HTML Alt Sat\u0131ra Ge\u00e7me<\/h3>\n\n\n\n<p>HTML kodlamada alt sat\u0131ra ge\u00e7mek i\u00e7in <strong>&lt;br><\/strong> etiketi kullan\u0131l\u0131r.<\/p>\n\n\n\n<p><strong>&lt;br><\/strong> etiketi sat\u0131r sonu oldu\u011funu belirtir. E\u011fer paragraf kullanmadan bir alt sat\u0131ra ge\u00e7mek isterseniz &lt;br> etiketi kullanmal\u0131s\u0131n\u0131z.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML Tablo Olu\u015fturma Kodu<\/h3>\n\n\n\n<p>Bir HTML tablosu &lt;table&gt; &lt;\/table&gt; etiketi ile tan\u0131mlan\u0131r.<\/p>\n\n\n\n<p>Her tablo sat\u0131r\u0131 <strong>&lt;tr> &lt;\/tr><\/strong> etiketi ile tan\u0131mlan\u0131r.<\/p>\n\n\n\n<p>Tablo ba\u015fl\u0131\u011f\u0131 <strong>&lt;th> &lt;\/th><\/strong> etiketi ile tan\u0131mlan\u0131r. Varsay\u0131lan olarak tablo ba\u015fl\u0131klar\u0131 kal\u0131n ve ortalanm\u0131\u015f yaz\u0131lacakt\u0131r.<\/p>\n\n\n\n<p>Tablo h\u00fccreleri tan\u0131mlamak i\u00e7in <strong>&lt;td> &lt;\/td> <\/strong>etiketleri kullan\u0131l\u0131r.<\/p>\n\n\n\n<p>Yaz\u0131m\u0131zda verdi\u011fimiz \u00f6rnekler temel HTML kodlar\u0131n\u0131 i\u00e7ermektedir. Bu kodlar ile basit bir sayfa olu\u015fturarak HTML kodlamaya giri\u015f yapabilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML \u00f6\u011frenmek di\u011fer dillere nazaran \u00f6\u011frenmesi en kolay dillerden biridir. \u00c7\u00fcnk\u00fc HTML bir programlama dili de\u011fil, metin i\u015faretleme dilidir. Bu sebepten dolay\u0131 HTML ile kod&#8230;<\/p>\n","protected":false},"author":9,"featured_media":5239,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,48],"tags":[],"class_list":["post-5238","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir-nasil-yapilir","category-programlama"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Kodlama Nas\u0131l \u00d6\u011frenilir? - Niobe Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Kodlama Nas\u0131l \u00d6\u011frenilir? - Niobe Hosting\" \/>\n<meta property=\"og:description\" content=\"HTML \u00f6\u011frenmek di\u011fer dillere nazaran \u00f6\u011frenmesi en kolay dillerden biridir. \u00c7\u00fcnk\u00fc HTML bir programlama dili de\u011fil, metin i\u015faretleme dilidir. Bu sebepten dolay\u0131 HTML ile kod...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/\" \/>\n<meta property=\"og:site_name\" content=\"Niobe Hosting\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-11T21:47:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-27T12:22:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/html-kodlama-nasil-ogrenilir.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yavuz G\u00fcm\u00fclcineli\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yavuz G\u00fcm\u00fclcineli\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/\"},\"author\":{\"name\":\"Yavuz G\u00fcm\u00fclcineli\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7d206c041bdf97e87efa927ab86f0e7a\"},\"headline\":\"HTML Kodlama Nas\u0131l \u00d6\u011frenilir?\",\"datePublished\":\"2021-03-11T21:47:00+00:00\",\"dateModified\":\"2021-04-27T12:22:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/\"},\"wordCount\":2603,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/html-kodlama-nasil-ogrenilir.jpg\",\"articleSection\":[\"Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?\",\"Programlama\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/\",\"name\":\"HTML Kodlama Nas\u0131l \u00d6\u011frenilir? - Niobe Hosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/html-kodlama-nasil-ogrenilir.jpg\",\"datePublished\":\"2021-03-11T21:47:00+00:00\",\"dateModified\":\"2021-04-27T12:22:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/html-kodlama-nasil-ogrenilir.jpg\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/html-kodlama-nasil-ogrenilir.jpg\",\"width\":1280,\"height\":720,\"caption\":\"HTML Kodlama Nas\u0131l \u00d6\u011frenilir?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/html-kodlama-nasil-ogrenilir\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Kodlama Nas\u0131l \u00d6\u011frenilir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"name\":\"Niobe Hosting\",\"description\":\"Niobe Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\",\"name\":\"Niobe Hosting\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"width\":332,\"height\":49,\"caption\":\"Niobe Hosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7d206c041bdf97e87efa927ab86f0e7a\",\"name\":\"Yavuz G\u00fcm\u00fclcineli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g\",\"caption\":\"Yavuz G\u00fcm\u00fclcineli\"},\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/author\\\/yavuz\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Kodlama Nas\u0131l \u00d6\u011frenilir? - Niobe Hosting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/","og_locale":"tr_TR","og_type":"article","og_title":"HTML Kodlama Nas\u0131l \u00d6\u011frenilir? - Niobe Hosting","og_description":"HTML \u00f6\u011frenmek di\u011fer dillere nazaran \u00f6\u011frenmesi en kolay dillerden biridir. \u00c7\u00fcnk\u00fc HTML bir programlama dili de\u011fil, metin i\u015faretleme dilidir. Bu sebepten dolay\u0131 HTML ile kod...","og_url":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/","og_site_name":"Niobe Hosting","article_published_time":"2021-03-11T21:47:00+00:00","article_modified_time":"2021-04-27T12:22:19+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/html-kodlama-nasil-ogrenilir.jpg","type":"image\/jpeg"}],"author":"Yavuz G\u00fcm\u00fclcineli","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Yavuz G\u00fcm\u00fclcineli","Tahmini okuma s\u00fcresi":"10 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#article","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/"},"author":{"name":"Yavuz G\u00fcm\u00fclcineli","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/7d206c041bdf97e87efa927ab86f0e7a"},"headline":"HTML Kodlama Nas\u0131l \u00d6\u011frenilir?","datePublished":"2021-03-11T21:47:00+00:00","dateModified":"2021-04-27T12:22:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/"},"wordCount":2603,"commentCount":1,"publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/html-kodlama-nasil-ogrenilir.jpg","articleSection":["Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?","Programlama"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/","url":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/","name":"HTML Kodlama Nas\u0131l \u00d6\u011frenilir? - Niobe Hosting","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#primaryimage"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/html-kodlama-nasil-ogrenilir.jpg","datePublished":"2021-03-11T21:47:00+00:00","dateModified":"2021-04-27T12:22:19+00:00","breadcrumb":{"@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#primaryimage","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/html-kodlama-nasil-ogrenilir.jpg","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/html-kodlama-nasil-ogrenilir.jpg","width":1280,"height":720,"caption":"HTML Kodlama Nas\u0131l \u00d6\u011frenilir?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.niobehosting.com\/blog\/html-kodlama-nasil-ogrenilir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.niobehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Kodlama Nas\u0131l \u00d6\u011frenilir?"}]},{"@type":"WebSite","@id":"https:\/\/www.niobehosting.com\/blog\/#website","url":"https:\/\/www.niobehosting.com\/blog\/","name":"Niobe Hosting","description":"Niobe Hosting","publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.niobehosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.niobehosting.com\/blog\/#organization","name":"Niobe Hosting","url":"https:\/\/www.niobehosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","width":332,"height":49,"caption":"Niobe Hosting"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/7d206c041bdf97e87efa927ab86f0e7a","name":"Yavuz G\u00fcm\u00fclcineli","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/secure.gravatar.com\/avatar\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6bd5419a0120569fe2d7dcbc7c58f660d5b2c2f99f1ba63cbfd2dc6a6e5b4e1?s=96&d=mm&r=g","caption":"Yavuz G\u00fcm\u00fclcineli"},"url":"https:\/\/www.niobehosting.com\/blog\/author\/yavuz\/"}]}},"_links":{"self":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/5238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=5238"}],"version-history":[{"count":0,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/5238\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media\/5239"}],"wp:attachment":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=5238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=5238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=5238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}