{"id":7269,"date":"2025-07-10T17:50:29","date_gmt":"2025-07-10T14:50:29","guid":{"rendered":"https:\/\/blog.kodwise.org\/?p=7269"},"modified":"2025-12-29T17:41:46","modified_gmt":"2025-12-29T14:41:46","slug":"html-baslangic-egitimi-2025-sifirdan-web-sitesi-nasil-yapilir","status":"publish","type":"post","link":"https:\/\/blog.kodwise.org\/html-baslangic-egitimi-2025-sifirdan-web-sitesi-nasil-yapilir\/","title":{"rendered":"HTML Ba\u015flang\u0131\u00e7 E\u011fitimi 2025: S\u0131f\u0131rdan Web Sitesi Nas\u0131l Yap\u0131l\u0131r?"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-1b793113 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-cf1813e9\">\n<div class=\"wp-block-uagb-container uagb-block-9452dae8\">\n<figure class=\"wp-block-image size-full\"><img data-dominant-color=\"b19986\" data-has-transparency=\"false\" style=\"--dominant-color: #b19986;\" decoding=\"async\" width=\"1000\" height=\"667\" src=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643.avif\" alt=\"\" class=\"wp-image-7270 not-transparent\" srcset=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643.avif 1000w, https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643-300x200.avif 300w, https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643-768x512.avif 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-3bc73eda\">\n<p class=\"wp-block-paragraph\">HTML ba\u015flang\u0131\u00e7 e\u011fitimiyle web d\u00fcnyas\u0131na g\u00fcvenle ad\u0131m at\u0131n. Temel etiketleri, dosya yap\u0131s\u0131n\u0131 ve pratik ipu\u00e7lar\u0131n\u0131 \u00f6\u011frenerek ilk sitenizi kolayca olu\u015fturun.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-06cf7004      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\t\u0130\u00e7indekiler\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#html-ba\u015flang\u0131\u00e7-e\u011fitimi-i\u0307lk-ad\u0131m\u0131-atmak\" class=\"uagb-toc-link__trigger\">HTML Ba\u015flang\u0131\u00e7 E\u011fitimi: \u0130lk Ad\u0131m\u0131 Atmak<\/a><li class=\"uagb-toc__list\"><a href=\"#html-nedir\" class=\"uagb-toc-link__trigger\">HTML Nedir?<\/a><li class=\"uagb-toc__list\"><a href=\"#i\u0307lk-html-belgesi-nas\u0131l-olu\u015fturulur\" class=\"uagb-toc-link__trigger\">\u0130lk HTML Belgesi Nas\u0131l Olu\u015fturulur?<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#kod-edit\u00f6r\u00fc-se\u00e7imi\" class=\"uagb-toc-link__trigger\">Kod Edit\u00f6r\u00fc Se\u00e7imi<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#html-dosya-yap\u0131s\u0131\" class=\"uagb-toc-link__trigger\">HTML Dosya Yap\u0131s\u0131<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#temel-html-etiketleri-ve-yap\u0131lar\u0131\" class=\"uagb-toc-link__trigger\">Temel HTML Etiketleri ve Yap\u0131lar\u0131<\/a><li class=\"uagb-toc__list\"><a href=\"#html-\u00f6\u011frenme-s\u00fcrecini-geli\u015ftirecek-i\u0307pu\u00e7lar\u0131\" class=\"uagb-toc-link__trigger\">HTML \u00d6\u011frenme S\u00fcrecini Geli\u015ftirecek \u0130pu\u00e7lar\u0131<\/a><li class=\"uagb-toc__list\"><a href=\"#sonu\u00e7\" class=\"uagb-toc-link__trigger\">Sonu\u00e7<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#t\u0131kla-ve-\u00fccretsiz-olarak-dene\" class=\"uagb-toc-link__trigger\">T\u0131kla ve \u00dccretsiz Olarak Dene!<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#i\u0307lgili-linkler\" class=\"uagb-toc-link__trigger\">\u0130lgili Linkler<\/a><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading\">HTML Ba\u015flang\u0131\u00e7 E\u011fitimi: \u0130lk Ad\u0131m\u0131 Atmak<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Web d\u00fcnyas\u0131na ad\u0131m atmak isteyen herkesin yolu HTML\u2019den ge\u00e7er. \u0130nternette g\u00f6rd\u00fc\u011f\u00fcn\u00fcz her sayfan\u0131n temelinde HTML yer al\u0131r. HTML bilmek, web sitelerinin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlaman\u0131z\u0131 sa\u011flar ve kendi projelerinizi olu\u015fturmak i\u00e7in sa\u011flam bir temel sunar. Bu yaz\u0131da, HTML\u2019e s\u0131f\u0131rdan ba\u015flamak isteyenlere yol haritas\u0131 sunuyorum. Temel kavramlardan ba\u015flay\u0131p, ilk HTML dosyan\u0131z\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ve \u00f6\u011frenme s\u00fcrecinizi nas\u0131l h\u0131zland\u0131rabilece\u011finizi anlat\u0131yorum.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Nedir?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML (HyperText Markup Language), web sayfalar\u0131n\u0131 olu\u015fturmak i\u00e7in kullan\u0131lan standart bir i\u015faretleme dilidir. 1990\u2019l\u0131 y\u0131llar\u0131n ba\u015f\u0131nda ortaya \u00e7\u0131kt\u0131 ve o g\u00fcnden bu yana internetin geli\u015fiminde ana rol\u00fc \u00fcstlendi. HTML, bir web sitesinin iskeletini kurar; ba\u015fl\u0131klar, paragraflar, ba\u011flant\u0131lar, resimler ve listeler gibi i\u00e7erikleri d\u00fczenler. Di\u011fer teknolojilerle (CSS, JavaScript) birlikte kullan\u0131larak g\u00f6rsel a\u00e7\u0131dan zengin ve etkile\u015fimli siteler olu\u015fturulmas\u0131na olanak tan\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0130lk HTML Belgesi Nas\u0131l Olu\u015fturulur?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bir web sayfas\u0131 haz\u0131rlamak i\u00e7in \u00e7ok karma\u015f\u0131k ara\u00e7lara ihtiyac\u0131n\u0131z yok. Basit bir kod edit\u00f6r\u00fc ile i\u015fe ba\u015flayabilirsiniz. Ard\u0131ndan temel bir HTML \u015fablonu yazarak ilk sitenizi olu\u015fturabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kod Edit\u00f6r\u00fc Se\u00e7imi<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ba\u015flang\u0131\u00e7 i\u00e7in \u015fu edit\u00f6rleri kullanabilirsiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Not Defteri<\/strong> (Windows): Kurulum gerektirmez, hemen ba\u015flayabilirsiniz.<\/li>\n\n\n\n<li><strong>VS Code<\/strong>: \u00dccretsiz, kodlama dostu bir aray\u00fcz sunar.<\/li>\n\n\n\n<li><strong>Sublime Text<\/strong>: Hafif ve h\u0131zl\u0131d\u0131r, pratik \u00f6zellikler i\u00e7erir.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Edit\u00f6r se\u00e7imi tamamen sizin konforunuza ba\u011fl\u0131d\u0131r. Karma\u015f\u0131k tercihler yapmak yerine, sade bir edit\u00f6rle ba\u015flamak genellikle daha verimli olur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML Dosya Yap\u0131s\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Her HTML dosyas\u0131 belirli bir yap\u0131ya sahiptir. En basit haliyle bir HTML dosyas\u0131 \u015f\u00f6yle g\u00f6r\u00fcn\u00fcr:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;\u0130lk Web Sayfam&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;Ho\u015f Geldiniz!&lt;\/h1&gt;\n    &lt;p&gt;Bu, ilk HTML sayfan\u0131zd\u0131r.&lt;\/p&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Buradaki <code>&lt;html&gt;<\/code>, sayfan\u0131n tamam\u0131n\u0131 kapsar. <code>&lt;head&gt;<\/code> k\u0131sm\u0131nda ba\u015fl\u0131k gibi bilgiler yer al\u0131r. <code>&lt;body&gt;<\/code> ise ziyaret\u00e7ilerin g\u00f6rece\u011fi i\u00e7erikleri bar\u0131nd\u0131r\u0131r. Her etiketin farkl\u0131 bir amac\u0131 vard\u0131r; ba\u015fl\u0131klar i\u00e7in <code>&lt;h1&gt;<\/code>, paragraflar i\u00e7in <code>&lt;p&gt;<\/code> kullan\u0131l\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Temel HTML Etiketleri ve Yap\u0131lar\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML\u2019in temeli, farkl\u0131 i\u015flevlere sahip etiketlerdir. \u0130\u015fte yeni ba\u015flayanlar\u0131n s\u0131k\u00e7a kulland\u0131\u011f\u0131 baz\u0131 temel etiketler:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ba\u015fl\u0131k Etiketleri:<\/strong> <code>&lt;h1&gt;<\/code> ile ba\u015flar, <code>&lt;h6&gt;<\/code>&#8216;ya kadar gider. <code>&lt;h1&gt;<\/code> en b\u00fcy\u00fck ba\u015fl\u0131kt\u0131r.<\/li>\n\n\n\n<li><strong>Paragraf Etiketi:<\/strong> <code>&lt;p&gt;<\/code>, metin paragraflar\u0131 i\u00e7in kullan\u0131l\u0131r.<\/li>\n\n\n\n<li><strong>Ba\u011flant\u0131 Etiketi:<\/strong> <code>&lt;a href=\"...\"&gt;<\/code> ile ba\u015fka bir sayfaya ya da siteye y\u00f6nlendirme yap\u0131l\u0131r.<\/li>\n\n\n\n<li><strong>Liste Etiketleri:<\/strong> <code>&lt;ul&gt;<\/code> (s\u0131ras\u0131z liste) ve <code>&lt;ol&gt;<\/code> (s\u0131ral\u0131 liste) ile madde listeleri olu\u015fturabilirsiniz.<\/li>\n\n\n\n<li><strong>Resim Etiketi:<\/strong> <code>&lt;img src=\"...\"&gt;<\/code> ile g\u00f6rseller eklenebilir.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ba\u015fl\u0131klar sayfada \u00f6nemli noktalar\u0131 vurgular, paragraflar ise anlat\u0131m\u0131 kolayla\u015ft\u0131r\u0131r. Ba\u011flant\u0131lar, kullan\u0131c\u0131y\u0131 ba\u015fka bir i\u00e7eri\u011fe y\u00f6nlendirmenin basit yoludur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML \u00d6\u011frenme S\u00fcrecini Geli\u015ftirecek \u0130pu\u00e7lar\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML \u00f6\u011frenirken teori kadar pratik de \u00f6nemlidir. Birka\u00e7 \u00f6neriyle s\u00fcreci h\u0131zland\u0131rabilirsiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>K\u00fc\u00e7\u00fck Projeler Yap\u0131n:<\/strong> Kendi portf\u00f6y\u00fcn\u00fcz\u00fc, basit blog sayfalar\u0131n\u0131 veya mini tan\u0131t\u0131m siteleri haz\u0131rlayarak \u00f6\u011frendiklerinizi peki\u015ftirebilirsiniz.<\/li>\n\n\n\n<li><strong>D\u00fczenli Tekrar:<\/strong> Kod yazarak ve hatalar\u0131n\u0131z\u0131 d\u00fczelterek konular\u0131 daha iyi kavrars\u0131n\u0131z.<\/li>\n\n\n\n<li><strong>Kaynaklardan Yararlan\u0131n:<\/strong> Farkl\u0131 <a href=\"https:\/\/kodwise.org\/tr\/blog\/html-baslangic-egitimi-2025-sifirdan-web-sitesi-nasil-yapilir\/\" title=\"\">HTML e\u011fitimi kaynaklar\u0131n\u0131<\/a> kullanarak bak\u0131\u015f a\u00e7\u0131n\u0131z\u0131 geli\u015ftirin.<\/li>\n\n\n\n<li><strong>HTML\u2019i Anlamak:<\/strong> HTML\u2019in web geli\u015ftirmede temel rol oynad\u0131\u011f\u0131n\u0131 unutmay\u0131n. Sa\u011flam bir temel, CSS ve JavaScript \u00f6\u011frenirken i\u015finizi kolayla\u015ft\u0131r\u0131r.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Sonu\u00e7<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML \u00f6\u011frenmek, web d\u00fcnyas\u0131nda sa\u011flam bir ba\u015flang\u0131\u00e7 yapmak i\u00e7in en iyi yollardan biridir. Basit edit\u00f6rlerle ba\u015flay\u0131p temel etiketleri \u00f6\u011frendik\u00e7e h\u0131zla ilerleyebilirsiniz. Burada \u00f6\u011frendi\u011finiz her \u015fey, bir sonraki ad\u0131mda CSS ile sayfan\u0131z\u0131 g\u00fczelle\u015ftirmek veya JavaScript ile daha dinamik hale getirmek i\u00e7in size yol g\u00f6sterecek. Kendi web sayfan\u0131z\u0131 olu\u015fturman\u0131n verdi\u011fi tatmin, \u00f6\u011frenmeye devam etmek i\u00e7in sizi motive edecek. \u015eimdi ilk ad\u0131m\u0131n\u0131z\u0131 at\u0131n ve HTML\u2019in sundu\u011fu olanaklar\u0131 ke\u015ffetmeye ba\u015flay\u0131n!<\/p>\n\n\n\n<div class=\"wp-block-uagb-call-to-action uagb-block-945759b2 wp-block-button\"><div class=\"uagb-cta__wrap\"><h3 class=\"uagb-cta__title\">T\u0131kla ve \u00dccretsiz Olarak Dene!<\/h3><p class=\"uagb-cta__desc\"><strong>\u015eimdi \u00fccretsiz deneme dersine kay\u0131t olun<\/strong> ve \u00e7ocu\u011funuzun teknolojiye olan ilgisini ke\u015ffetmesini sa\u011flay\u0131n!<\/p><\/div><div class=\"uagb-cta__buttons\"><a href=\"https:\/\/form.jotform.com\/242073881798975\" class=\"uagb-cta__button-link-wrapper wp-block-button__link\" target=\"_self\" rel=\"noopener noreferrer\">\u00dccretsiz Deneme Dersi \u0130\u00e7in Kaydolun!<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M504.3 273.6l-112.1 104c-6.992 6.484-17.18 8.218-25.94 4.406c-8.758-3.812-14.42-12.45-14.42-21.1L351.9 288H32C14.33 288 .0002 273.7 .0002 255.1S14.33 224 32 224h319.9l0-72c0-9.547 5.66-18.19 14.42-22c8.754-3.809 18.95-2.075 25.94 4.41l112.1 104C514.6 247.9 514.6 264.1 504.3 273.6z\"><\/path><\/svg><\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u0130lgili Linkler<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bize Ula\u015f\u0131n ve Daha Fazlas\u0131n\u0131 Ke\u015ffedin!<\/strong><\/p>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-f97ec083 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-2fd7799b\">\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-0322bb96\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap \">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-a332ef05 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"https:\/\/kodwise.org\/\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">Kodwise Website<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-15561026\">\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-d32c1634\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap \">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-8cba253f wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"https:\/\/form.jotform.com\/242073881798975\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">\u00dccretsiz Tan\u0131\u015fma Dersi Randevu Formu<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-604cafcb alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-059f6790\">\n<div class=\"wp-block-uagb-image uagb-block-d7afb0e6 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><a class=\"\" href=\"https:\/\/www.youtube.com\/@kodwise\" target=\"\" rel=\"noopener\"><img decoding=\"async\" data-srcset=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/yt_logo_rgb_light-1.png ,https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/yt_logo_rgb_light-1.png 780w, https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/yt_logo_rgb_light-1.png 360w\" data-sizes=\"auto, (max-width: 480px) 150px\" data-src=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/yt_logo_rgb_light-1.png\" alt=\"\" class=\"uag-image-1828 lazyload\" width=\"794\" height=\"178\" title=\"Kodwise Youtube\" role=\"img\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 794px; --smush-placeholder-aspect-ratio: 794\/178;\" \/><\/a><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-48791825\">\n<div class=\"wp-block-uagb-image uagb-block-67f65a60 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><a class=\"\" href=\"https:\/\/www.trustpilot.com\/review\/kodwise.org\" target=\"\" rel=\"noopener\"><img decoding=\"async\" data-srcset=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/TP-Logo-Tricolor-Black-RGB-1024x252.png ,https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/TP-Logo-Tricolor-Black-RGB.png 780w, https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/TP-Logo-Tricolor-Black-RGB.png 360w\" data-sizes=\"auto, (max-width: 480px) 150px\" data-src=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/TP-Logo-Tricolor-Black-RGB-1024x252.png\" alt=\"trustpilot logosu\" class=\"uag-image-1688 lazyload\" width=\"1024\" height=\"252\" title=\"trustpilot logosu\" role=\"img\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/252;\" \/><\/a><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-91477e0c\">\n<div class=\"wp-block-uagb-image uagb-block-7f85620a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><a class=\"\" href=\"https:\/\/www.instagram.com\/kodwise\/\" target=\"\" rel=\"noopener\"><img decoding=\"async\" data-srcset=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Instagram_Glyph_Gradient-1024x1024.png ,https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Instagram_Glyph_Gradient.png 780w, https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Instagram_Glyph_Gradient.png 360w\" data-sizes=\"auto, (max-width: 480px) 150px\" data-src=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Instagram_Glyph_Gradient-1024x1024.png\" alt=\"instagram logosu\" class=\"uag-image-1672 lazyload\" width=\"112\" height=\"112\" title=\"instagram logosu\" role=\"img\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 112px; --smush-placeholder-aspect-ratio: 112\/112;\" \/><\/a><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-51a90a2c\">\n<div class=\"wp-block-uagb-image uagb-block-66daf222 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><a class=\"\" href=\"https:\/\/www.facebook.com\/kodwise\" target=\"\" rel=\"noopener\"><img decoding=\"async\" data-srcset=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Facebook_Logo_Primary-1024x1024.png ,https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Facebook_Logo_Primary.png 780w, https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Facebook_Logo_Primary.png 360w\" data-sizes=\"auto, (max-width: 480px) 150px\" data-src=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Facebook_Logo_Primary-1024x1024.png\" alt=\"facebook logosu\" class=\"uag-image-1675 lazyload\" width=\"112\" height=\"112\" title=\"facebook logosu\" role=\"img\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 112px; --smush-placeholder-aspect-ratio: 112\/112;\" \/><\/a><\/figure><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-7663c957 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-image uagb-block-9622fcdc wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><a class=\"\" href=\"https:\/\/wa.me\/908504415545\" target=\"\" rel=\"noopener\"><img decoding=\"async\" data-srcset=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Digital_Glyph_Green-1.png ,https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Digital_Glyph_Green-1.png 780w, https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Digital_Glyph_Green-1.png 360w\" data-sizes=\"auto, (max-width: 480px) 150px\" data-src=\"https:\/\/blog.kodwise.org\/wp-content\/uploads\/2024\/10\/Digital_Glyph_Green-1.png\" alt=\"whatsapp logosu\" class=\"uag-image-1682 lazyload\" width=\"90\" height=\"91\" title=\"whatsapp logosu\" role=\"img\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 90px; --smush-placeholder-aspect-ratio: 90\/91;\" \/><\/a><\/figure><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML ba\u015flang\u0131\u00e7 e\u011fitimiyle web d\u00fcnyas\u0131na g\u00fcvenle ad\u0131m at\u0131n. Temel etiketleri, dosya yap\u0131s\u0131n\u0131 ve pratik ipu\u00e7lar\u0131n\u0131 \u00f6\u011frenerek ilk sitenizi kolayca olu\u015fturun. HTML Ba\u015flang\u0131\u00e7 E\u011fitimi: \u0130lk Ad\u0131m\u0131 Atmak Web d\u00fcnyas\u0131na ad\u0131m atmak isteyen herkesin yolu HTML\u2019den ge\u00e7er. \u0130nternette g\u00f6rd\u00fc\u011f\u00fcn\u00fcz her sayfan\u0131n temelinde HTML yer al\u0131r. HTML bilmek, web sitelerinin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlaman\u0131z\u0131 sa\u011flar ve kendi projelerinizi olu\u015fturmak i\u00e7in sa\u011flam bir temel sunar. Bu yaz\u0131da, HTML\u2019e s\u0131f\u0131rdan ba\u015flamak isteyenlere yol haritas\u0131 sunuyorum. Temel kavramlardan ba\u015flay\u0131p, ilk HTML dosyan\u0131z\u0131 nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ve \u00f6\u011frenme s\u00fcrecinizi nas\u0131l h\u0131zland\u0131rabilece\u011finizi anlat\u0131yorum. HTML Nedir? HTML (HyperText Markup Language), web sayfalar\u0131n\u0131 olu\u015fturmak i\u00e7in kullan\u0131lan standart bir i\u015faretleme dilidir. 1990\u2019l\u0131 y\u0131llar\u0131n ba\u015f\u0131nda [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":7270,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7269","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-minecraft-ile-tasarim-ve-kodlama"],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643.avif",1000,667,false],"thumbnail":["https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643-150x150.avif",150,150,true],"medium":["https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643-300x200.avif",300,200,true],"medium_large":["https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643-768x512.avif",768,512,true],"large":["https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643.avif",1000,667,false],"1536x1536":["https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643.avif",1000,667,false],"2048x2048":["https:\/\/blog.kodwise.org\/wp-content\/uploads\/2025\/07\/2150358643.avif",1000,667,false]},"uagb_author_info":{"display_name":"Kodlayan \u00c7ocuk","author_link":"https:\/\/blog.kodwise.org\/author\/omerdemir\/"},"uagb_comment_info":3,"uagb_excerpt":"HTML ba\u015flang\u0131\u00e7 e\u011fitimiyle web d\u00fcnyas\u0131na g\u00fcvenle ad\u0131m at\u0131n. Temel etiketleri, dosya yap\u0131s\u0131n\u0131 ve pratik ipu\u00e7lar\u0131n\u0131 \u00f6\u011frenerek ilk sitenizi kolayca olu\u015fturun. HTML Ba\u015flang\u0131\u00e7 E\u011fitimi: \u0130lk Ad\u0131m\u0131 Atmak Web d\u00fcnyas\u0131na ad\u0131m atmak isteyen herkesin yolu HTML\u2019den ge\u00e7er. \u0130nternette g\u00f6rd\u00fc\u011f\u00fcn\u00fcz her sayfan\u0131n temelinde HTML yer al\u0131r. HTML bilmek, web sitelerinin nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlaman\u0131z\u0131 sa\u011flar ve kendi projelerinizi olu\u015fturmak&hellip;","_links":{"self":[{"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/posts\/7269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/comments?post=7269"}],"version-history":[{"count":0,"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/posts\/7269\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/media\/7270"}],"wp:attachment":[{"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/media?parent=7269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/categories?post=7269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.kodwise.org\/wp-json\/wp\/v2\/tags?post=7269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}