{"id":8110,"date":"2024-12-30T11:15:14","date_gmt":"2024-12-30T08:15:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/"},"modified":"2024-12-30T11:15:14","modified_gmt":"2024-12-30T08:15:14","slug":"html-baslangic-rehberi-html5-etiketleri","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/","title":{"rendered":"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri"},"content":{"rendered":"<p><body><\/p>\n<p>HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri<\/p>\n<p>Merhaba!  Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz.  Bu rehberde, HTML&#8217;in temellerini ve HTML5&#8217;te kullan\u0131lan \u00f6nemli etiketleri ad\u0131m ad\u0131m \u00f6\u011freneceksiniz.  \u00d6ncelikle, HTML&#8217;in ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlayal\u0131m.  K\u0131saca, HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlayan bir i\u015faretleme dilidir.  Web sayfalar\u0131n\u0131n iskeletini olu\u015fturur ve i\u00e7eriklerin nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini belirler.<\/p>\n<h2>HTML Belgesinin Temel Yap\u0131s\u0131<\/h2>\n<p>Her HTML belgesi temelde \u00fc\u00e7 b\u00f6l\u00fcmden olu\u015fur: <code>&lt;head&gt;<\/code>, <code>&lt;body&gt;<\/code> ve <code>&lt;html&gt;<\/code>.  <code>&lt;html&gt;<\/code> etiketi belgenin tamam\u0131n\u0131 kapsar.  <code>&lt;head&gt;<\/code> b\u00f6l\u00fcm\u00fc, belgeyle ilgili meta verileri (\u00f6rne\u011fin ba\u015fl\u0131k, karakter seti, a\u00e7\u0131klama) i\u00e7erir.  <code>&lt;body&gt;<\/code> b\u00f6l\u00fcm\u00fc ise, kullan\u0131c\u0131n\u0131n g\u00f6rd\u00fc\u011f\u00fc g\u00f6r\u00fcn\u00fcr i\u00e7eri\u011fi (metinler, resimler, videolar vb.) bar\u0131nd\u0131r\u0131r.  Bu yap\u0131, web sayfan\u0131z\u0131n d\u00fczenini ve i\u00e7eri\u011fini organize etmenizi sa\u011flar.<\/p>\n<pre><code class=\"language-html\">\n&lt;!DOCTYPE html&gt;\n&lt;html lang=\"tr\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;title&gt;Ba\u015fl\u0131k&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;p&gt;Bu bir paragraft\u0131r.&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<h2>\u00d6nemli HTML5 Etiketleri<\/h2>\n<p>\u015eimdi, s\u0131kl\u0131kla kullan\u0131lan baz\u0131 HTML5 etiketlerini inceleyelim.  Bunlar, web sayfalar\u0131n\u0131z\u0131 olu\u015ftururken size b\u00fcy\u00fck kolayl\u0131k sa\u011flayacak temel yap\u0131 ta\u015flar\u0131d\u0131r. \u00d6rne\u011fin, ba\u015fl\u0131klar i\u00e7in <code>&lt;h1&gt;<\/code> &#8211; <code>&lt;h6&gt;<\/code> etiketlerini, paragraflar i\u00e7in <code>&lt;p&gt;<\/code> etiketini kullanabilirsiniz.  Ayr\u0131ca, listeler i\u00e7in <code>&lt;ul&gt;<\/code> (s\u0131ras\u0131z liste) ve <code>&lt;ol&gt;<\/code> (s\u0131ral\u0131 liste) etiketlerini, liste \u00f6\u011feleri i\u00e7in <code>&lt;li&gt;<\/code> etiketini kullanabilirsiniz.  Bunlar\u0131n yan\u0131 s\u0131ra, resimler i\u00e7in <code>&lt;img&gt;<\/code>, ba\u011flant\u0131lar i\u00e7in <code>&lt;a&gt;<\/code>, tablolar i\u00e7in <code>&lt;table&gt;<\/code>, sat\u0131rlar i\u00e7in <code>&lt;tr&gt;<\/code>, h\u00fccreler i\u00e7in <code>&lt;td&gt;<\/code> etiketleri de olduk\u00e7a \u00f6nemlidir.<\/p>\n<pre><code class=\"language-html\">\n&lt;h1&gt;Ba\u015fl\u0131k 1&lt;\/h1&gt;\n&lt;p&gt;Bu bir paragraft\u0131r.&lt;\/p&gt;\n&lt;ul&gt;\n    &lt;li&gt;Liste \u00f6\u011fesi 1&lt;\/li&gt;\n    &lt;li&gt;Liste \u00f6\u011fesi 2&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;img src=\"resim.jpg\" alt=\"Resim\"&gt;\n&lt;a href=\"https:\/\/fatihsoysal.com\"&gt;Fatih Soysal'\u0131n Sitesi&lt;\/a&gt;\n<\/code><\/pre>\n<p>Bu sadece birka\u00e7 temel etiket.  Daha fazla etiket ve \u00f6zellik \u00f6\u011frenerek, daha karma\u015f\u0131k ve etkileyici web sayfalar\u0131 olu\u015fturabilirsiniz.  \u00d6rne\u011fin, semantik HTML kullanarak web sayfalar\u0131n\u0131z\u0131n yap\u0131s\u0131n\u0131 daha iyi tan\u0131mlayabilir ve arama motorlar\u0131 i\u00e7in optimize edebilirsiniz.  Semantik HTML, sayfan\u0131z\u0131n i\u00e7eri\u011fini anlaml\u0131 bir \u015fekilde yap\u0131land\u0131rman\u0131za yard\u0131mc\u0131 olur.  Bu sayede, hem kullan\u0131c\u0131 deneyimi hem de arama motoru optimizasyonu iyile\u015ftirilebilir.<\/p>\n<p>Daha fazla bilgi i\u00e7in <a href=\"https:\/\/www.w3schools.com\/html\/\">W3Schools HTML Referans\u0131<\/a> sitesini ziyaret edebilirsiniz. Ayr\u0131ca,  <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> adresinden daha fazla web geli\u015ftirme i\u00e7eri\u011fine ula\u015fabilirsiniz.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Bu rehberde HTML&#8217;in temellerini ve baz\u0131 \u00f6nemli HTML5 etiketlerini \u00f6\u011frendiniz.  Ba\u015flang\u0131\u00e7ta biraz zor g\u00f6r\u00fcnse de,  pratik yaparak h\u0131zla ilerleyebilirsiniz.  Unutmay\u0131n,  web geli\u015ftirme s\u00fcrekli \u00f6\u011frenme ve geli\u015ftirme gerektirir.  Bu nedenle, s\u00fcrekli yeni \u015feyler \u00f6\u011frenmeye a\u00e7\u0131k olun ve pratik yapmaktan vazge\u00e7meyin.  \u0130\u015fte bu \u015fekilde,  kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak ve web d\u00fcnyas\u0131nda kendinize bir yer edinmek i\u00e7in iyi bir ba\u015flang\u0131\u00e7 yapm\u0131\u015f olacaks\u0131n\u0131z.<\/p>\n<p>#Etiketler: HTML, HTML5, web geli\u015ftirme, ba\u015flang\u0131\u00e7 rehberi, etiketler, kodlama, web sitesi olu\u015fturma, semantik HTML,  <code>&lt;html&gt;<\/code>, <code>&lt;head&gt;<\/code>, <code>&lt;body&gt;<\/code>, <code>&lt;h1&gt;<\/code>, <code>&lt;p&gt;<\/code>, <code>&lt;ul&gt;<\/code>, <code>&lt;ol&gt;<\/code>, <code>&lt;li&gt;<\/code>, <code>&lt;img&gt;<\/code>, <code>&lt;a&gt;<\/code>, <code>&lt;table&gt;<\/code>, <code>&lt;tr&gt;<\/code>, <code>&lt;td&gt;<\/code><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri Merhaba! Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz.&hellip;","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-8110","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri<\/title>\n<meta name=\"description\" content=\"Merhaba! Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz. Bu rehberde, HTML&#039;in temellerini ve HTML5&#039;te kullan\u0131lan \u00f6nemli etiketleri ad\u0131m ad\u0131m \u00f6\u011freneceksiniz. \u00d6ncelikle, HTML&#039;in ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlayal\u0131m. K\u0131saca, HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlayan bir i\u015faretleme dilidir. Web sayfalar\u0131n\u0131n iskeletini olu\u015fturur ve i\u00e7eriklerin nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini belirler.\" \/>\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\/html-baslangic-rehberi-html5-etiketleri\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz. Bu rehberde, HTML&#039;in temellerini ve HTML5&#039;te kullan\u0131lan \u00f6nemli etiketleri ad\u0131m ad\u0131m \u00f6\u011freneceksiniz. \u00d6ncelikle, HTML&#039;in ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlayal\u0131m. K\u0131saca, HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlayan bir i\u015faretleme dilidir. Web sayfalar\u0131n\u0131n iskeletini olu\u015fturur ve i\u00e7eriklerin nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini belirler.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-30T08:15:14+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\/html-baslangic-rehberi-html5-etiketleri\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri\",\"datePublished\":\"2024-12-30T08:15:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/\"},\"wordCount\":481,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/\",\"name\":\"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-12-30T08:15:14+00:00\",\"description\":\"Merhaba! Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz. Bu rehberde, HTML'in temellerini ve HTML5'te kullan\u0131lan \u00f6nemli etiketleri ad\u0131m ad\u0131m \u00f6\u011freneceksiniz. \u00d6ncelikle, HTML'in ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlayal\u0131m. K\u0131saca, HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlayan bir i\u015faretleme dilidir. Web sayfalar\u0131n\u0131n iskeletini olu\u015fturur ve i\u00e7eriklerin nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini belirler.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri\"}]},{\"@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":"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri","description":"Merhaba! Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz. Bu rehberde, HTML'in temellerini ve HTML5'te kullan\u0131lan \u00f6nemli etiketleri ad\u0131m ad\u0131m \u00f6\u011freneceksiniz. \u00d6ncelikle, HTML'in ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlayal\u0131m. K\u0131saca, HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlayan bir i\u015faretleme dilidir. Web sayfalar\u0131n\u0131n iskeletini olu\u015fturur ve i\u00e7eriklerin nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini belirler.","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\/html-baslangic-rehberi-html5-etiketleri\/","og_locale":"tr_TR","og_type":"article","og_title":"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri","og_description":"Merhaba! Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz. Bu rehberde, HTML'in temellerini ve HTML5'te kullan\u0131lan \u00f6nemli etiketleri ad\u0131m ad\u0131m \u00f6\u011freneceksiniz. \u00d6ncelikle, HTML'in ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlayal\u0131m. K\u0131saca, HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlayan bir i\u015faretleme dilidir. Web sayfalar\u0131n\u0131n iskeletini olu\u015fturur ve i\u00e7eriklerin nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini belirler.","og_url":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-12-30T08:15:14+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\/html-baslangic-rehberi-html5-etiketleri\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri","datePublished":"2024-12-30T08:15:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/"},"wordCount":481,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/","url":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/","name":"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-12-30T08:15:14+00:00","description":"Merhaba! Web geli\u015ftirmeye ad\u0131m atmak ve kendi web sayfalar\u0131n\u0131z\u0131 olu\u015fturmak istiyorsan\u0131z do\u011fru yerdesiniz. Bu rehberde, HTML'in temellerini ve HTML5'te kullan\u0131lan \u00f6nemli etiketleri ad\u0131m ad\u0131m \u00f6\u011freneceksiniz. \u00d6ncelikle, HTML'in ne oldu\u011funu ve neden \u00f6nemli oldu\u011funu anlayal\u0131m. K\u0131saca, HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve i\u00e7eri\u011fini tan\u0131mlayan bir i\u015faretleme dilidir. Web sayfalar\u0131n\u0131n iskeletini olu\u015fturur ve i\u00e7eriklerin nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini belirler.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/html-baslangic-rehberi-html5-etiketleri\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Ba\u015flang\u0131\u00e7 Rehberi: HTML5 Etiketleri"}]},{"@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\/8110","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=8110"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8110\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=8110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=8110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=8110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}