{"id":23799,"date":"2025-06-12T06:00:16","date_gmt":"2025-06-12T03:00:16","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/"},"modified":"2025-06-12T06:00:16","modified_gmt":"2025-06-12T03:00:16","slug":"web-gelistirmeye-baslangic-ilk-gunum-html-ve-css","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/","title":{"rendered":"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm – HTML ve CSS"},"content":{"rendered":"

<\/p>\n

Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm – HTML ve CSS<\/p>\n

Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn ilk ad\u0131m\u0131 att\u0131m: Web geli\u015ftirmeye ba\u015fl\u0131yorum! \u0130lk g\u00fcn\u00fcmde HTML ve CSS \u00f6\u011frenmeye odakland\u0131m. A\u00e7\u0131k\u00e7as\u0131, ba\u015flang\u0131\u00e7 biraz zorlay\u0131c\u0131 olsa da, heyecan\u0131m\u0131 tarif edemem. Bu yaz\u0131da, ilk g\u00fcn deneyimlerimi, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 ve \u00f6\u011frendiklerimi sizinle payla\u015fmak istiyorum. Umar\u0131m, web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in faydal\u0131 bir kaynak olur.<\/p>\n

\u00d6ncelikle, HTML’in web sayfalar\u0131n\u0131n iskeletini olu\u015fturan bir i\u015faretleme dili oldu\u011funu \u00f6\u011frendim. Bu dil sayesinde, ba\u015fl\u0131klar (<h1><\/code>, <h2><\/code>, vb.), paragraflar (<p><\/code>), resimler (<img><\/code>) ve di\u011fer bir\u00e7ok elementi sayfaya ekleyebiliyoruz. \u00d6rne\u011fin, basit bir paragraf \u015f\u00f6yle olu\u015fturulur:<\/p>\n

<p>Bu bir paragraft\u0131r.<\/p><\/code><\/p>\n

Daha sonra, CSS’e giri\u015f yapt\u0131m. CSS, HTML elementlerinin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve d\u00fczenini kontrol eden bir stil dilidir. Renkleri, yaz\u0131 tiplerini, boyutlar\u0131 ve sayfadaki yerle\u015fimini CSS ile d\u00fczenleyebiliyoruz. \u00d6rne\u011fin, bir paragraf\u0131n rengini de\u011fi\u015ftirmek i\u00e7in \u015fu kodu kullanabiliriz:<\/p>\n

p { color: blue; }<\/code><\/p>\n

\u0130lk g\u00fcn\u00fcmde, basit bir HTML sayfas\u0131 olu\u015fturmay\u0131 ve CSS kullanarak stil vermeyi ba\u015fard\u0131m. Ancak, baz\u0131 zorluklarla da kar\u015f\u0131la\u015ft\u0131m. \u00d6zellikle, CSS se\u00e7icilerini ve kutular\u0131 (box model) anlamakta biraz zorland\u0131m. Bununla birlikte, sab\u0131r ve azimle ilerlemeye devam ettim. \u00c7e\u015fitli online kaynaklardan ve e\u011fitim videolar\u0131ndan faydaland\u0131m. Bu kaynaklar, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 \u00e7\u00f6zmemde ve konuyu daha iyi anlamanda bana b\u00fcy\u00fck yard\u0131mc\u0131 oldu.<\/p>\n

\u00d6\u011frendiklerim sayesinde, art\u0131k basit web sayfalar\u0131 olu\u015fturabiliyorum. Bu, benim i\u00e7in olduk\u00e7a tatmin edici bir duygu. Ancak, bilmem gereken \u00e7ok \u015fey daha var. \u00d6\u011frenme yolculu\u011fumda devaml\u0131 olarak yeni \u015feyler \u00f6\u011frenmeye ve kendimi geli\u015ftirmeye devam edece\u011fim. Bu s\u00fcre\u00e7te, blog yaz\u0131lar\u0131 yazmay\u0131 ve \u00f6\u011frendiklerimi payla\u015fmay\u0131 planl\u0131yorum. Bu \u015fekilde, hem kendi \u00f6\u011frenmemi peki\u015ftirece\u011fim hem de ba\u015fkalar\u0131na yard\u0131mc\u0131 olaca\u011f\u0131m.<\/p>\n

Web geli\u015ftirme yolculu\u011fuma ba\u015flad\u0131\u011f\u0131m i\u00e7in \u00e7ok heyecanl\u0131y\u0131m. Bu alan\u0131n s\u00fcrekli olarak geli\u015fen ve yenilenen bir alan olmas\u0131, beni daha da motive ediyor. Hedefim, ilerleyen zamanlarda daha karma\u015f\u0131k web uygulamalar\u0131 geli\u015ftirebilmek. Bu hedefime ula\u015fmak i\u00e7in \u00e7al\u0131\u015fmaya ve \u00f6\u011frenmeye devam edece\u011fim.<\/p>\n

Bu konuda daha fazla bilgi edinmek isterseniz, kendi web sitemi olan fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz. Ayr\u0131ca, \u00e7e\u015fitli online kaynaklar\u0131 da ara\u015ft\u0131rabilirsiniz.<\/p>\n

\u00d6zetle:<\/h2>\n

\u0130lk g\u00fcn\u00fcmde HTML ve CSS temellerini \u00f6\u011frendim. Basit bir web sayfas\u0131 olu\u015fturmay\u0131 ba\u015fard\u0131m, ancak daha \u00f6\u011frenmem gereken \u00e7ok \u015fey var. Yine de, bu yeni yolculu\u011fumda olduk\u00e7a heyecanl\u0131y\u0131m ve ilerlemeye devam edece\u011fim.<\/p>\n

Umar\u0131m bu makale, web geli\u015ftirmeye ba\u015flamak isteyenler i\u00e7in faydal\u0131 olmu\u015ftur. Ba\u015far\u0131lar!<\/p>\n

#Etiketler: web geli\u015ftirme, html, css, ilk g\u00fcn, \u00f6\u011frenme, kodlama, web tasar\u0131m, programlama, fatih soysal, web sayfas\u0131, stil, i\u015faretleme dili<\/p>\n

<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm – HTML ve CSS Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-23799","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nWeb Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm - HTML ve CSS<\/title>\n<meta name=\"description\" content=\"Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn ilk ad\u0131m\u0131 att\u0131m: Web geli\u015ftirmeye ba\u015fl\u0131yorum! \u0130lk g\u00fcn\u00fcmde HTML ve CSS \u00f6\u011frenmeye odakland\u0131m. A\u00e7\u0131k\u00e7as\u0131, ba\u015flang\u0131\u00e7 biraz zorlay\u0131c\u0131 olsa da, heyecan\u0131m\u0131 tarif edemem. Bu yaz\u0131da, ilk g\u00fcn deneyimlerimi, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 ve \u00f6\u011frendiklerimi sizinle payla\u015fmak istiyorum. Umar\u0131m, web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in faydal\u0131 bir kaynak olur.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm - HTML ve CSS\" \/>\n<meta property=\"og:description\" content=\"Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn ilk ad\u0131m\u0131 att\u0131m: Web geli\u015ftirmeye ba\u015fl\u0131yorum! \u0130lk g\u00fcn\u00fcmde HTML ve CSS \u00f6\u011frenmeye odakland\u0131m. A\u00e7\u0131k\u00e7as\u0131, ba\u015flang\u0131\u00e7 biraz zorlay\u0131c\u0131 olsa da, heyecan\u0131m\u0131 tarif edemem. Bu yaz\u0131da, ilk g\u00fcn deneyimlerimi, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 ve \u00f6\u011frendiklerimi sizinle payla\u015fmak istiyorum. Umar\u0131m, web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in faydal\u0131 bir kaynak olur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-12T03:00:16+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm – HTML ve CSS\",\"datePublished\":\"2025-06-12T03:00:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/\"},\"wordCount\":511,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/\",\"name\":\"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm - HTML ve CSS\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-06-12T03:00:16+00:00\",\"description\":\"Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn ilk ad\u0131m\u0131 att\u0131m: Web geli\u015ftirmeye ba\u015fl\u0131yorum! \u0130lk g\u00fcn\u00fcmde HTML ve CSS \u00f6\u011frenmeye odakland\u0131m. A\u00e7\u0131k\u00e7as\u0131, ba\u015flang\u0131\u00e7 biraz zorlay\u0131c\u0131 olsa da, heyecan\u0131m\u0131 tarif edemem. Bu yaz\u0131da, ilk g\u00fcn deneyimlerimi, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 ve \u00f6\u011frendiklerimi sizinle payla\u015fmak istiyorum. Umar\u0131m, web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in faydal\u0131 bir kaynak olur.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm – HTML ve CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm - HTML ve CSS","description":"Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn ilk ad\u0131m\u0131 att\u0131m: Web geli\u015ftirmeye ba\u015fl\u0131yorum! \u0130lk g\u00fcn\u00fcmde HTML ve CSS \u00f6\u011frenmeye odakland\u0131m. A\u00e7\u0131k\u00e7as\u0131, ba\u015flang\u0131\u00e7 biraz zorlay\u0131c\u0131 olsa da, heyecan\u0131m\u0131 tarif edemem. Bu yaz\u0131da, ilk g\u00fcn deneyimlerimi, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 ve \u00f6\u011frendiklerimi sizinle payla\u015fmak istiyorum. Umar\u0131m, web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in faydal\u0131 bir kaynak olur.","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:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/","og_locale":"tr_TR","og_type":"article","og_title":"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm - HTML ve CSS","og_description":"Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn ilk ad\u0131m\u0131 att\u0131m: Web geli\u015ftirmeye ba\u015fl\u0131yorum! \u0130lk g\u00fcn\u00fcmde HTML ve CSS \u00f6\u011frenmeye odakland\u0131m. A\u00e7\u0131k\u00e7as\u0131, ba\u015flang\u0131\u00e7 biraz zorlay\u0131c\u0131 olsa da, heyecan\u0131m\u0131 tarif edemem. Bu yaz\u0131da, ilk g\u00fcn deneyimlerimi, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 ve \u00f6\u011frendiklerimi sizinle payla\u015fmak istiyorum. Umar\u0131m, web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in faydal\u0131 bir kaynak olur.","og_url":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-06-12T03:00:16+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm – HTML ve CSS","datePublished":"2025-06-12T03:00:16+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/"},"wordCount":511,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/","url":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/","name":"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm - HTML ve CSS","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-06-12T03:00:16+00:00","description":"Uzun zamand\u0131r akl\u0131mda olan bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in bug\u00fcn ilk ad\u0131m\u0131 att\u0131m: Web geli\u015ftirmeye ba\u015fl\u0131yorum! \u0130lk g\u00fcn\u00fcmde HTML ve CSS \u00f6\u011frenmeye odakland\u0131m. A\u00e7\u0131k\u00e7as\u0131, ba\u015flang\u0131\u00e7 biraz zorlay\u0131c\u0131 olsa da, heyecan\u0131m\u0131 tarif edemem. Bu yaz\u0131da, ilk g\u00fcn deneyimlerimi, kar\u015f\u0131la\u015ft\u0131\u011f\u0131m sorunlar\u0131 ve \u00f6\u011frendiklerimi sizinle payla\u015fmak istiyorum. Umar\u0131m, web geli\u015ftirmeye yeni ba\u015flayanlar i\u00e7in faydal\u0131 bir kaynak olur.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/web-gelistirmeye-baslangic-ilk-gunum-html-ve-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Geli\u015ftirmeye Ba\u015flang\u0131\u00e7: \u0130lk G\u00fcn\u00fcm – HTML ve CSS"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/23799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=23799"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/23799\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=23799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=23799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=23799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}