{"id":395,"date":"2026-01-26T09:59:46","date_gmt":"2026-01-26T09:59:46","guid":{"rendered":"https:\/\/www.webmobkey.com\/blog\/?p=395"},"modified":"2026-01-28T08:18:59","modified_gmt":"2026-01-28T08:18:59","slug":"html-etiketleri-rehberi-tum-html-etiketleri-tam-liste","status":"publish","type":"post","link":"https:\/\/www.webmobdesign.com\/blog\/tr\/html-etiketleri-rehberi-tum-html-etiketleri-tam-liste\/","title":{"rendered":"HTML Etiketleri Rehberi: T\u00fcm HTML Etiketleri (Tam Liste)"},"content":{"rendered":"\n<p>HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n iskeletini olu\u015fturan i\u015faretleme dilidir. HTML etiketleri sayesinde metinler, g\u00f6rseller, formlar, videolar ve daha fazlas\u0131 taray\u0131c\u0131ya nas\u0131l g\u00f6sterilece\u011fini anlat\u0131r.<\/p>\n\n\n\n<p>Bu yaz\u0131da <strong>HTML\u2019de bulunan t\u00fcm etiketleri<\/strong>, kategorilere ay\u0131rarak a\u00e7\u0131klamalar\u0131yla birlikte bulacaks\u0131n.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1. Temel (Root &amp; Metadata) Etiketleri<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;html&gt;\n&lt;head&gt;\n&lt;title&gt;\n&lt;base&gt;\n&lt;link&gt;\n&lt;meta&gt;\n&lt;style&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Etiket<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td><code>&lt;html&gt;<\/code><\/td><td>HTML belgesinin k\u00f6k etiketi<\/td><\/tr><tr><td><code>&lt;head&gt;<\/code><\/td><td>Meta bilgilerin bulundu\u011fu alan<\/td><\/tr><tr><td><code>&lt;title&gt;<\/code><\/td><td>Sekme ba\u015fl\u0131\u011f\u0131<\/td><\/tr><tr><td><code>&lt;base&gt;<\/code><\/td><td>Varsay\u0131lan URL<\/td><\/tr><tr><td><code>&lt;link&gt;<\/code><\/td><td>Harici dosya ba\u011flama (CSS vb.)<\/td><\/tr><tr><td><code>&lt;meta&gt;<\/code><\/td><td>SEO, charset, viewport<\/td><\/tr><tr><td><code>&lt;style&gt;<\/code><\/td><td>Dahili CSS<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2. Sayfa Yap\u0131s\u0131 (Layout &amp; Sectioning)<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;body&gt;\n&lt;header&gt;\n&lt;nav&gt;\n&lt;main&gt;\n&lt;section&gt;\n&lt;article&gt;\n&lt;aside&gt;\n&lt;footer&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Etiket<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td><code>&lt;body&gt;<\/code><\/td><td>G\u00f6r\u00fcnen i\u00e7erik<\/td><\/tr><tr><td><code>&lt;header&gt;<\/code><\/td><td>\u00dcst alan<\/td><\/tr><tr><td><code>&lt;nav&gt;<\/code><\/td><td>Men\u00fc<\/td><\/tr><tr><td><code>&lt;main&gt;<\/code><\/td><td>Ana i\u00e7erik<\/td><\/tr><tr><td><code>&lt;section&gt;<\/code><\/td><td>B\u00f6l\u00fcm<\/td><\/tr><tr><td><code>&lt;article&gt;<\/code><\/td><td>Makale<\/td><\/tr><tr><td><code>&lt;aside&gt;<\/code><\/td><td>Yan i\u00e7erik<\/td><\/tr><tr><td><code>&lt;footer&gt;<\/code><\/td><td>Alt alan<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3. Metin (Text Content) Etiketleri<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;h1&gt; \u2013 &lt;h6&gt;\n&lt;p&gt;\n&lt;br&gt;\n&lt;hr&gt;\n&lt;pre&gt;\n&lt;blockquote&gt;\n&lt;ol&gt;\n&lt;ul&gt;\n&lt;li&gt;\n&lt;dl&gt;\n&lt;dt&gt;\n&lt;dd&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Etiket<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td><code>&lt;h1&gt;-&lt;h6&gt;<\/code><\/td><td>Ba\u015fl\u0131klar<\/td><\/tr><tr><td><code>&lt;p&gt;<\/code><\/td><td>Paragraf<\/td><\/tr><tr><td><code>&lt;br&gt;<\/code><\/td><td>Sat\u0131r sonu<\/td><\/tr><tr><td><code>&lt;hr&gt;<\/code><\/td><td>Ay\u0131r\u0131c\u0131 \u00e7izgi<\/td><\/tr><tr><td><code>&lt;pre&gt;<\/code><\/td><td>\u00d6nceden bi\u00e7imlendirilmi\u015f metin<\/td><\/tr><tr><td><code>&lt;blockquote&gt;<\/code><\/td><td>Al\u0131nt\u0131<\/td><\/tr><tr><td><code>&lt;ol&gt;<\/code><\/td><td>S\u0131ral\u0131 liste<\/td><\/tr><tr><td><code>&lt;ul&gt;<\/code><\/td><td>S\u0131ras\u0131z liste<\/td><\/tr><tr><td><code>&lt;li&gt;<\/code><\/td><td>Liste eleman\u0131<\/td><\/tr><tr><td><code>&lt;dl&gt;<\/code><\/td><td>Tan\u0131m listesi<\/td><\/tr><tr><td><code>&lt;dt&gt;<\/code><\/td><td>Terim<\/td><\/tr><tr><td><code>&lt;dd&gt;<\/code><\/td><td>A\u00e7\u0131klama<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">4. Inline (Metin \u0130\u00e7i) Etiketler<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;a&gt;\n&lt;span&gt;\n&lt;strong&gt;\n&lt;em&gt;\n&lt;b&gt;\n&lt;i&gt;\n&lt;u&gt;\n&lt;mark&gt;\n&lt;small&gt;\n&lt;sub&gt;\n&lt;sup&gt;\n&lt;code&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Etiket<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td><code>&lt;a&gt;<\/code><\/td><td>Link<\/td><\/tr><tr><td><code>&lt;span&gt;<\/code><\/td><td>Inline kapsay\u0131c\u0131<\/td><\/tr><tr><td><code>&lt;strong&gt;<\/code><\/td><td>Kal\u0131n (anlaml\u0131)<\/td><\/tr><tr><td><code>&lt;em&gt;<\/code><\/td><td>Vurgu<\/td><\/tr><tr><td><code>&lt;b&gt;<\/code><\/td><td>Kal\u0131n<\/td><\/tr><tr><td><code>&lt;i&gt;<\/code><\/td><td>\u0130talik<\/td><\/tr><tr><td><code>&lt;u&gt;<\/code><\/td><td>Alt\u0131 \u00e7izili<\/td><\/tr><tr><td><code>&lt;mark&gt;<\/code><\/td><td>Vurgulu<\/td><\/tr><tr><td><code>&lt;small&gt;<\/code><\/td><td>K\u00fc\u00e7\u00fck metin<\/td><\/tr><tr><td><code>&lt;sub&gt;<\/code><\/td><td>Alt simge<\/td><\/tr><tr><td><code>&lt;sup&gt;<\/code><\/td><td>\u00dcst simge<\/td><\/tr><tr><td><code>&lt;code&gt;<\/code><\/td><td>Kod<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">5. Medya Etiketleri<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;img&gt;\n&lt;audio&gt;\n&lt;video&gt;\n&lt;source&gt;\n&lt;track&gt;\n&lt;figure&gt;\n&lt;figcaption&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Etiket<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td><code>&lt;img&gt;<\/code><\/td><td>Resim<\/td><\/tr><tr><td><code>&lt;audio&gt;<\/code><\/td><td>Ses<\/td><\/tr><tr><td><code>&lt;video&gt;<\/code><\/td><td>Video<\/td><\/tr><tr><td><code>&lt;source&gt;<\/code><\/td><td>Medya kayna\u011f\u0131<\/td><\/tr><tr><td><code>&lt;track&gt;<\/code><\/td><td>Altyaz\u0131<\/td><\/tr><tr><td><code>&lt;figure&gt;<\/code><\/td><td>Medya kapsay\u0131c\u0131<\/td><\/tr><tr><td><code>&lt;figcaption&gt;<\/code><\/td><td>A\u00e7\u0131klama<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">6. Form Etiketleri<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;form&gt;\n&lt;input&gt;\n&lt;textarea&gt;\n&lt;button&gt;\n&lt;label&gt;\n&lt;select&gt;\n&lt;option&gt;\n&lt;optgroup&gt;\n&lt;fieldset&gt;\n&lt;legend&gt;\n&lt;datalist&gt;\n&lt;output&gt;\n<\/pre><\/div>\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Etiket<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td><code>&lt;form&gt;<\/code><\/td><td>Form<\/td><\/tr><tr><td><code>&lt;input&gt;<\/code><\/td><td>Girdi<\/td><\/tr><tr><td><code>&lt;textarea&gt;<\/code><\/td><td>\u00c7ok sat\u0131rl\u0131 metin<\/td><\/tr><tr><td><code>&lt;button&gt;<\/code><\/td><td>Buton<\/td><\/tr><tr><td><code>&lt;label&gt;<\/code><\/td><td>Etiket<\/td><\/tr><tr><td><code>&lt;select&gt;<\/code><\/td><td>A\u00e7\u0131l\u0131r liste<\/td><\/tr><tr><td><code>&lt;option&gt;<\/code><\/td><td>Se\u00e7enek<\/td><\/tr><tr><td><code>&lt;optgroup&gt;<\/code><\/td><td>Grup<\/td><\/tr><tr><td><code>&lt;fieldset&gt;<\/code><\/td><td>Alan grubu<\/td><\/tr><tr><td><code>&lt;legend&gt;<\/code><\/td><td>Ba\u015fl\u0131k<\/td><\/tr><tr><td><code>&lt;datalist&gt;<\/code><\/td><td>Otomatik tamamlama<\/td><\/tr><tr><td><code>&lt;output&gt;<\/code><\/td><td>\u00c7\u0131kt\u0131<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">7. Tablo Etiketleri<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;table&gt;\n&lt;caption&gt;\n&lt;thead&gt;\n&lt;tbody&gt;\n&lt;tfoot&gt;\n&lt;tr&gt;\n&lt;th&gt;\n&lt;td&gt;\n&lt;colgroup&gt;\n&lt;col&gt;\n<\/pre><\/div>\n\n\n<p><strong><code>colspan<\/code><\/strong>: Bir tablo h\u00fccresinin <strong>yatayda ka\u00e7 s\u00fctunu kaplayaca\u011f\u0131n\u0131<\/strong> belirtir.<br><strong><code>rowspan<\/code><\/strong>: Bir tablo h\u00fccresinin <strong>dikeyde ka\u00e7 sat\u0131r\u0131 kaplayaca\u011f\u0131n\u0131<\/strong> belirtir.<\/p>\n\n\n\n<p>Kullan\u0131m:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;td colspan=&quot;2&quot;&gt;&lt;\/td&gt;\n&lt;td rowspan=&quot;3&quot;&gt;&lt;\/td&gt;\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">8. G\u00f6mme &amp; Grafik Etiketleri<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;iframe&gt;\n&lt;embed&gt;\n&lt;object&gt;\n&lt;param&gt;\n&lt;canvas&gt;\n&lt;svg&gt;\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">9. Script &amp; Etkile\u015fim<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;script&gt;\n&lt;noscript&gt;\n&lt;template&gt;\n&lt;slot&gt;\n<\/pre><\/div>\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">10. Global &amp; Yard\u0131mc\u0131 Etiketler<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;div&gt;\n&lt;span&gt;\n&lt;details&gt;\n&lt;summary&gt;\n&lt;dialog&gt;\n&lt;menu&gt;\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">11. Art\u0131k Kullan\u0131lmayan (Deprecated) Etiketler \u26a0\ufe0f<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Kullan\u0131lmas\u0131 \u00f6nerilmez ama bilmek faydal\u0131d\u0131r.<\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;font&gt;\n&lt;center&gt;\n&lt;marquee&gt;\n&lt;big&gt;\n&lt;strike&gt;\n&lt;frame&gt;\n&lt;frameset&gt;\n&lt;noframes&gt;\n&lt;applet&gt;\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Sonu\u00e7<\/h2>\n\n\n\n<p>Bu yaz\u0131da:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 G\u00fcncel HTML etiketleri<\/li>\n\n\n\n<li>\u2705 Semantik yap\u0131<\/li>\n\n\n\n<li>\u2705 Form, tablo, medya etiketleri<\/li>\n\n\n\n<li>\u2705 Art\u0131k kullan\u0131lmayan etiketler<\/li>\n<\/ul>\n\n\n\n<p>tek bir yerde topland\u0131.<\/p>\n\n\n\n<p>\ud83d\udccc <strong>Not:<\/strong> HTML s\u00fcrekli g\u00fcncellenir, ancak bu liste modern web geli\u015ftirme i\u00e7in gereken <strong>neredeyse t\u00fcm HTML etiketlerini<\/strong> kapsar.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>\u0130stersen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2714\ufe0f <strong>PDF \/ tablo format\u0131<\/strong><\/li>\n\n\n\n<li>\u2714\ufe0f <strong>Sadece g\u00fcncel etiketler<\/strong><\/li>\n\n\n\n<li>\u2714\ufe0f <strong>\u00d6rnekli anlat\u0131m<\/strong><\/li>\n\n\n\n<li>\u2714\ufe0f <strong>SEO uyumlu blog versiyonu<\/strong><\/li>\n<\/ul>\n\n\n\n<p>haz\u0131rlayabilirim. Hangisini istiyorsun? \ud83d\ude0a<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n iskeletini olu\u015fturan i\u015faretleme dilidir. HTML etiketleri sayesinde metinler, g\u00f6rseller, formlar, &hellip; <a title=\"HTML Etiketleri Rehberi: T\u00fcm HTML Etiketleri (Tam Liste)\" class=\"hm-read-more\" href=\"https:\/\/www.webmobdesign.com\/blog\/tr\/html-etiketleri-rehberi-tum-html-etiketleri-tam-liste\/\"><span class=\"screen-reader-text\">HTML Etiketleri Rehberi: T\u00fcm HTML Etiketleri (Tam Liste)<\/span>Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":417,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51],"tags":[89],"class_list":["post-395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-tr","tag-yazilim"],"_links":{"self":[{"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/posts\/395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=395"}],"version-history":[{"count":8,"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/posts\/395\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/posts\/395\/revisions\/406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/media\/417"}],"wp:attachment":[{"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webmobdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}