[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"site-config":3,"course-tree":6,"topic:html-head-element-deep-dive":294,"blog-categories":354},{"data":4},{"google_site_verification":5,"ga4_measurement_id":5,"site_name":5,"default_og_image":5,"twitter_handle":5},null,{"data":7},[8],{"id":9,"name":10,"slug":11,"icon":5,"icon_url":5,"short_description":12,"meta_title":13,"meta_description":14,"og_image":15,"locale":16,"subcategories":17},1,"HTML","html-tutorial","Welcome to our HTML Tutorial for Beginners, a complete guide designed to help you learn HTML from the ground up.\n\nHTML, which stands for HyperText Markup Language, is the standard language used to structure content on the web. Whether you want to become a web developer, build your own website, or continue learning CSS and JavaScript, understanding HTML is an essential first step.\n\nThis HTML course takes you through the fundamentals step by step, using simple explanations and practical examples. ","HTML Tutorial for Beginners - Learn HTML Step by Step","Learn HTML from scratch with our beginner-friendly HTML tutorial. Understand HTML tags, elements, forms, tables, links, images, semantic HTML and more with practical examples.","https:\u002F\u002Fwpfsharp.com\u002Fstorage\u002Fcourses\u002Fog\u002F01M2GK0XN45C0B937NF9XFAD4S.webp","en",[18,46,82,106,166,200,214,242,266,282],{"id":9,"name":19,"slug":20,"order_index":9,"topics":21},"HTML Fundamentals & Setup","html-fundamentals-setup",[22,27,30,34,38,42],{"id":23,"title":24,"slug":25,"order_index":9,"cornerstone":26,"reading_time_minutes":23},2,"HTML Editors & Environment Setup","html-editors-and-environment-setup",false,{"id":9,"title":28,"slug":29,"order_index":9,"cornerstone":26,"reading_time_minutes":9},"HTML Introduction & History","html-introduction-and-history",{"id":31,"title":32,"slug":33,"order_index":31,"cornerstone":26,"reading_time_minutes":23},3,"HTML Basic Syntax & Document Structure","html-basic-syntax-document-structure",{"id":35,"title":36,"slug":37,"order_index":35,"cornerstone":26,"reading_time_minutes":23},4,"HTML Elements & Tags Explained","html-elements-tags-explained",{"id":39,"title":40,"slug":41,"order_index":39,"cornerstone":26,"reading_time_minutes":23},5,"HTML Attributes (Global & Standard)","html-attributes-global-standard",{"id":43,"title":44,"slug":45,"order_index":43,"cornerstone":26,"reading_time_minutes":23},6,"Understanding the DOCTYPE & HTML5 Boilerplate","understanding-doctype-html5-boilerplate",{"id":23,"name":47,"slug":48,"order_index":23,"topics":49},"Text & Content Basics","text-content-basics",[50,54,58,62,66,70,74,78],{"id":51,"title":52,"slug":53,"order_index":51,"cornerstone":26,"reading_time_minutes":23},7,"HTML Headings (H1–H6) & SEO Best Practices","html-headings-h1-h6-seo-best-practices",{"id":55,"title":56,"slug":57,"order_index":55,"cornerstone":26,"reading_time_minutes":23},8,"HTML Paragraphs & Line Breaks","html-paragraphs-line-breaks",{"id":59,"title":60,"slug":61,"order_index":59,"cornerstone":26,"reading_time_minutes":9},9,"HTML Text Formatting (Bold, Italic, Mark, etc.)","html-text-formatting-bold-italic-mark",{"id":63,"title":64,"slug":65,"order_index":63,"cornerstone":26,"reading_time_minutes":23},10,"HTML Styles (Inline CSS Basics)","html-styles-inline-css-basics",{"id":67,"title":68,"slug":69,"order_index":67,"cornerstone":26,"reading_time_minutes":23},11,"HTML Quotations & Citations (blockquote, q, cite)","html-quotations-citations-blockquote-q-cite",{"id":71,"title":72,"slug":73,"order_index":71,"cornerstone":26,"reading_time_minutes":23},12,"HTML Comments (Best Practices)","html-comments-best-practices",{"id":75,"title":76,"slug":77,"order_index":75,"cornerstone":26,"reading_time_minutes":23},13,"HTML Colors (Names, HEX, RGB, HSL)","html-colors-names-hex-rgb-hsl",{"id":79,"title":80,"slug":81,"order_index":79,"cornerstone":26,"reading_time_minutes":23},14,"HTML & CSS Integration (Inline, Internal, External)","html-css-integration-inline-internal-external",{"id":31,"name":83,"slug":84,"order_index":31,"topics":85},"Links, Media & Navigation","links-media-navigation",[86,90,94,98,102],{"id":87,"title":88,"slug":89,"order_index":87,"cornerstone":26,"reading_time_minutes":23},15,"HTML Links (Anchor Tags & Hyperlinks)","html-links-anchor-tags-hyperlinks",{"id":91,"title":92,"slug":93,"order_index":91,"cornerstone":26,"reading_time_minutes":23},16,"HTML Images (Alt Text, Lazy Loading, Formats)","html-images-alt-text-lazy-loading-formats",{"id":95,"title":96,"slug":97,"order_index":95,"cornerstone":26,"reading_time_minutes":9},17,"HTML Favicon Setup","html-favicon-setup",{"id":99,"title":100,"slug":101,"order_index":99,"cornerstone":26,"reading_time_minutes":23},18,"HTML Page Title & Meta Tags (SEO Essentials)","html-page-title-meta-tags-seo-essentials",{"id":103,"title":104,"slug":105,"order_index":103,"cornerstone":26,"reading_time_minutes":23},19,"HTML File Paths (Absolute vs Relative)","html-file-paths-absolute-vs-relative",{"id":35,"name":107,"slug":108,"order_index":35,"topics":109},"Structuring Content","structuring-content",[110,115,120,125,130,134,138,142,146,150,154,158,162],{"id":111,"title":112,"slug":113,"order_index":114,"cornerstone":26,"reading_time_minutes":23},24,"HTML Tables Explained: Rows, Columns & Merging Cells","html-tables-rows-columns-merging-cells",20,{"id":116,"title":117,"slug":118,"order_index":119,"cornerstone":26,"reading_time_minutes":23},25,"HTML Lists: Ordered, Unordered & Description Lists","html-lists-ordered-unordered-description",21,{"id":121,"title":122,"slug":123,"order_index":124,"cornerstone":26,"reading_time_minutes":23},26,"HTML Block vs Inline Elements Explained","html-block-vs-inline-elements",22,{"id":126,"title":127,"slug":128,"order_index":129,"cornerstone":26,"reading_time_minutes":9},27,"HTML Div & Span: Generic Containers Explained","html-div-and-span-containers",23,{"id":131,"title":132,"slug":133,"order_index":111,"cornerstone":26,"reading_time_minutes":23},28,"HTML Classes vs ID: Selectors Explained","html-classes-vs-id-selectors-explained",{"id":135,"title":136,"slug":137,"order_index":116,"cornerstone":26,"reading_time_minutes":9},29,"HTML Iframes: Embedding External Content","html-iframes-embedding-content",{"id":139,"title":140,"slug":141,"order_index":121,"cornerstone":26,"reading_time_minutes":23},30,"HTML Head Element Deep Dive","html-head-element-deep-dive",{"id":143,"title":144,"slug":145,"order_index":126,"cornerstone":26,"reading_time_minutes":23},31,"HTML Layout Techniques: Header, Nav & Footer","html-layout-techniques-header-nav-footer",{"id":147,"title":148,"slug":149,"order_index":131,"cornerstone":26,"reading_time_minutes":23},32,"Responsive HTML Design: Mobile-First Approach","responsive-html-design-mobile-first-approach",{"id":151,"title":152,"slug":153,"order_index":151,"cornerstone":26,"reading_time_minutes":9},33,"HTML Emojis 😀: How to Use Them in Web Pages","html-emojis-trending-guide",{"id":155,"title":156,"slug":157,"order_index":155,"cornerstone":26,"reading_time_minutes":23},34,"HTML Character Sets: UTF-8 & Encoding Explained","html-character-sets-utf-8-encoding",{"id":159,"title":160,"slug":161,"order_index":159,"cornerstone":26,"reading_time_minutes":9},35,"HTML URL Encoding Explained","html-url-encoding-explained",{"id":163,"title":164,"slug":165,"order_index":163,"cornerstone":26,"reading_time_minutes":9},36,"HTML vs XHTML: Key Differences","html-vs-xhtml-key-differences",{"id":51,"name":167,"slug":168,"order_index":39,"topics":169},"Forms & User Input","forms-user-input",[170,175,180,185,190,195],{"id":171,"title":172,"slug":173,"order_index":174,"cornerstone":26,"reading_time_minutes":23},49,"HTML Forms Introduction","html-forms-introduction",37,{"id":176,"title":177,"slug":178,"order_index":179,"cornerstone":26,"reading_time_minutes":9},50,"HTML Form Attributes (action, method, etc.)","html-form-attributes-action-method",38,{"id":181,"title":182,"slug":183,"order_index":184,"cornerstone":26,"reading_time_minutes":9},51,"HTML Form Elements (input, select, textarea, button)","html-form-elements-input-select-textarea-button",39,{"id":186,"title":187,"slug":188,"order_index":189,"cornerstone":26,"reading_time_minutes":23},52,"HTML Input Types (Modern Types: email, date, color, range)","html-input-types-modern-email-date-color-range",40,{"id":191,"title":192,"slug":193,"order_index":194,"cornerstone":26,"reading_time_minutes":23},53,"HTML Input Attributes (required, placeholder, pattern)","html-input-attributes-required-placeholder-pattern",41,{"id":196,"title":197,"slug":198,"order_index":199,"cornerstone":26,"reading_time_minutes":23},54,"HTML Form Validation (Client-Side)","html-form-validation-client-side",42,{"id":55,"name":201,"slug":202,"order_index":43,"topics":203},"Graphics & Visuals","graphics-visuals",[204,209],{"id":205,"title":206,"slug":207,"order_index":208,"cornerstone":26,"reading_time_minutes":31},55,"HTML Canvas (2D Drawing API) 🔥","html-canvas-2d-drawing-api",43,{"id":210,"title":211,"slug":212,"order_index":213,"cornerstone":26,"reading_time_minutes":31},56,"HTML SVG (Scalable Vector Graphics)","html-svg-scalable-vector-graphics",44,{"id":59,"name":215,"slug":216,"order_index":51,"topics":217},"Multimedia","multimedia",[218,223,228,233,238],{"id":219,"title":220,"slug":221,"order_index":222,"cornerstone":26,"reading_time_minutes":23},57,"HTML Media Overview","html-media-overview",45,{"id":224,"title":225,"slug":226,"order_index":227,"cornerstone":26,"reading_time_minutes":23},58,"HTML Video Embedding (Native Player)","html-video-embedding-native-player",46,{"id":229,"title":230,"slug":231,"order_index":232,"cornerstone":26,"reading_time_minutes":23},59,"HTML Audio Embedding","html-audio-embedding",47,{"id":234,"title":235,"slug":236,"order_index":237,"cornerstone":26,"reading_time_minutes":23},60,"HTML Plug-ins (Object & Embed Tags)","html-plugins-object-embed-tags",48,{"id":239,"title":240,"slug":241,"order_index":171,"cornerstone":26,"reading_time_minutes":23},61,"Embedding YouTube Videos in HTML","embedding-youtube-videos-in-html",{"id":63,"name":243,"slug":244,"order_index":55,"topics":245},"HTML5 Web APIs (Advanced\u002FTrending)","html5-web-apis-advancedtrending",[246,250,254,258,262],{"id":247,"title":248,"slug":249,"order_index":176,"cornerstone":26,"reading_time_minutes":23},62,"HTML Geolocation API","html-geolocation-api",{"id":251,"title":252,"slug":253,"order_index":181,"cornerstone":26,"reading_time_minutes":23},63,"HTML Drag & Drop API","html-drag-and-drop-api",{"id":255,"title":256,"slug":257,"order_index":186,"cornerstone":26,"reading_time_minutes":23},64,"HTML Web Storage (localStorage & sessionStorage)","html-web-storage-localstorage-sessionstorage",{"id":259,"title":260,"slug":261,"order_index":191,"cornerstone":26,"reading_time_minutes":23},65,"HTML Web Workers (Background Processing)","html-web-workers-background-processing",{"id":263,"title":264,"slug":265,"order_index":196,"cornerstone":26,"reading_time_minutes":23},66,"HTML Server-Sent Events (SSE)","html-server-sent-events-sse",{"id":67,"name":267,"slug":268,"order_index":59,"topics":269},"Accessibility & Best Practices (High-Demand  Skill) �","accessibility-best-practices-high-demand-skill",[270,274,278],{"id":271,"title":272,"slug":273,"order_index":205,"cornerstone":26,"reading_time_minutes":23},67,"HTML Accessibility (ARIA, Screen Readers)","html-accessibility-aria-screen-readers",{"id":275,"title":276,"slug":277,"order_index":210,"cornerstone":26,"reading_time_minutes":23},68,"Writing Semantic & SEO-Friendly HTML","writing-semantic-and-seo-friendly-html",{"id":279,"title":280,"slug":281,"order_index":219,"cornerstone":26,"reading_time_minutes":23},69,"HTML Performance Optimization Basics","html-performance-optimization-basics",{"id":71,"name":283,"slug":284,"order_index":63,"topics":285},"Reference & Practice","reference-practice",[286,290],{"id":287,"title":288,"slug":289,"order_index":9,"cornerstone":26,"reading_time_minutes":23},70,"HTML Tag List (Full Reference)","html-tag-list-full-reference",{"id":291,"title":292,"slug":293,"order_index":23,"cornerstone":26,"reading_time_minutes":23},71,"HTML Global Attributes Reference","html-global-attributes-reference",{"data":295},{"id":139,"title":140,"slug":141,"content":296,"course":297,"subcategory":298,"author":299,"reading_time_minutes":23,"cornerstone":26,"schema_type":305,"faq_json":5,"video_url":5,"canonical_url":306,"meta_title":307,"meta_description":308,"og_image":5,"toc_json":309,"code_examples":332,"quiz":341,"exercises":344,"published_at":5,"updated_at":351,"prev":352,"next":353},"\u003Ch2 id=\"html-head-element-deep-dive\">HTML Head Element Deep Dive\u003C\u002Fh2>\u003Cp>\u003Cstrong>Focus keyword: HTML head element\u003C\u002Fstrong> &mdash; the invisible but critical part of every web page that controls SEO, browser behavior, and social sharing appearance.\u003C\u002Fp>\u003Cp>The \u003Ccode>&lt;head&gt;\u003C\u002Fcode> element sits at the top of an HTML document and contains \u003Cstrong>metadata\u003C\u002Fstrong> &mdash; information about the page that isn't displayed directly to users but is essential for browsers, search engines, and social platforms.\u003C\u002Fp>\u003Ch3 id=\"1-essential-head-elements\">1. Essential Head Elements\u003C\u002Fh3>\u003Cul>\u003Cli>\u003Ccode>&lt;title&gt;\u003C\u002Fcode> &mdash; sets the browser tab title and is a major \u003Cstrong>SEO ranking factor\u003C\u002Fstrong>\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;meta charset=\"UTF-8\"&gt;\u003C\u002Fcode> &mdash; defines character encoding, should always be the first line inside head\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\u003C\u002Fcode> &mdash; essential for \u003Cstrong>mobile-responsive design\u003C\u002Fstrong>\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;link rel=\"stylesheet\"&gt;\u003C\u002Fcode> &mdash; links external CSS files\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;script&gt;\u003C\u002Fcode> &mdash; can load JS (often placed with \u003Ccode>defer\u003C\u002Fcode> for performance)\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 id=\"2-seo-meta-tags\">2. SEO Meta Tags\u003C\u002Fh3>\u003Cp>Search-engine-focused tags include:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Ccode>&lt;meta name=\"description\" content=\"...\"&gt;\u003C\u002Fcode> &mdash; the snippet shown in Google search results\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;link rel=\"canonical\" href=\"...\"&gt;\u003C\u002Fcode> &mdash; prevents duplicate content penalties\u003C\u002Fli>\u003Cli>\u003Ccode>&lt;meta name=\"robots\" content=\"index, follow\"&gt;\u003C\u002Fcode> &mdash; controls search engine crawling behavior\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 id=\"3-social-sharing-open-graph-twitter-cards\">3. Social Sharing: Open Graph &amp; Twitter Cards\u003C\u002Fh3>\u003Cp>Trending in modern SEO\u002Fmarketing workflows, \u003Cstrong>Open Graph tags\u003C\u002Fstrong> control how a link looks when shared on Facebook, LinkedIn, or WhatsApp:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Ccode>og:title\u003C\u002Fcode>, \u003Ccode>og:description\u003C\u002Fcode>, \u003Ccode>og:image\u003C\u002Fcode>, \u003Ccode>og:url\u003C\u002Fcode>\u003C\u002Fli>\u003Cli>\u003Ccode>twitter:card\u003C\u002Fcode> for Twitter\u002FX-specific preview styling\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 id=\"4-favicon\">4. Favicon\u003C\u002Fh3>\u003Cp>The small icon shown in browser tabs is set via \u003Ccode>&lt;link rel=\"icon\" href=\"favicon.ico\"&gt;\u003C\u002Fcode>.\u003C\u002Fp>\u003Ch3 id=\"5-structured-data-schemaorg\">5. Structured Data (Schema.org)\u003C\u002Fh3>\u003Cp>Adding JSON-LD structured data inside the head helps search engines display \u003Cstrong>rich snippets\u003C\u002Fstrong> (star ratings, FAQs, breadcrumbs) &mdash; a highly trending modern SEO technique.\u003C\u002Fp>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode>&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n  &lt;title&gt;My Awesome Page&lt;\u002Ftitle&gt;\n  &lt;meta name=\"description\" content=\"Learn HTML head elements with practical examples.\"&gt;\n  &lt;link rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fhtml-head\"&gt;\n  &lt;link rel=\"icon\" href=\"\u002Ffavicon.ico\"&gt;\n  &lt;link rel=\"stylesheet\" href=\"\u002Fstyles.css\"&gt;\n  &lt;script src=\"\u002Fapp.js\" defer&gt;&lt;\u002Fscript&gt;\n&lt;\u002Fhead&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode>&lt;head&gt;\n  &lt;!-- Open Graph tags for social sharing --&gt;\n  &lt;meta property=\"og:title\" content=\"Learn HTML Head Elements\"&gt;\n  &lt;meta property=\"og:description\" content=\"A deep dive into meta tags, SEO, and Open Graph.\"&gt;\n  &lt;meta property=\"og:image\" content=\"https:\u002F\u002Fexample.com\u002Fpreview.jpg\"&gt;\n  &lt;meta property=\"og:url\" content=\"https:\u002F\u002Fexample.com\u002Fhtml-head\"&gt;\n\n  &lt;!-- Twitter card --&gt;\n  &lt;meta name=\"twitter:card\" content=\"summary_large_image\"&gt;\n&lt;\u002Fhead&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode>&lt;script type=\"application\u002Fld+json\"&gt;\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"HTML Head Element Deep Dive\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"Course Instructor\"\n  }\n}\n&lt;\u002Fscript&gt;\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>",{"name":10,"slug":11},{"name":107,"slug":108},{"slug":300,"display_name":301,"job_title":5,"short_bio":5,"expertise_tags":302,"headshot":5,"long_bio":5,"credentials":5,"twitter_url":5,"linkedin_url":5,"github_url":5,"personal_website_url":5,"other_sameas_urls":5,"topics":303,"posts":304},"badar-khalil","Badar Khalil",[],[],[],"Article","https:\u002F\u002Fwpfsharp.com\u002Ftopics\u002Fhtml-head-element-deep-dive","HTML Head Element Explained: Meta Tags, SEO & More","A deep dive into the HTML head element — meta tags, viewport, favicon, SEO tags, and Open Graph, with practical examples.",[310],{"id":141,"text":140,"level":23,"children":311},[312,316,320,324,328],{"id":313,"text":314,"level":31,"children":315},"1-essential-head-elements","1. Essential Head Elements",[],{"id":317,"text":318,"level":31,"children":319},"2-seo-meta-tags","2. SEO Meta Tags",[],{"id":321,"text":322,"level":31,"children":323},"3-social-sharing-open-graph-twitter-cards","3. Social Sharing: Open Graph & Twitter Cards",[],{"id":325,"text":326,"level":31,"children":327},"4-favicon","4. Favicon",[],{"id":329,"text":330,"level":31,"children":331},"5-structured-data-schemaorg","5. Structured Data (Schema.org)",[],[333,337,339],{"id":259,"language":334,"code":335,"is_editable":336},"html","\u003Chead>\n  \u003Cmeta charset=\"UTF-8\">\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  \u003Ctitle>My Awesome Page\u003C\u002Ftitle>\n  \u003Cmeta name=\"description\" content=\"Learn HTML head elements with practical examples.\">\n  \u003Clink rel=\"canonical\" href=\"https:\u002F\u002Fexample.com\u002Fhtml-head\">\n  \u003Clink rel=\"icon\" href=\"\u002Ffavicon.ico\">\n  \u003Clink rel=\"stylesheet\" href=\"\u002Fstyles.css\">\n  \u003Cscript src=\"\u002Fapp.js\" defer>\u003C\u002Fscript>\n\u003C\u002Fhead>",true,{"id":263,"language":334,"code":338,"is_editable":336},"\u003Chead>\n  \u003C!-- Open Graph tags for social sharing -->\n  \u003Cmeta property=\"og:title\" content=\"Learn HTML Head Elements\">\n  \u003Cmeta property=\"og:description\" content=\"A deep dive into meta tags, SEO, and Open Graph.\">\n  \u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fexample.com\u002Fpreview.jpg\">\n  \u003Cmeta property=\"og:url\" content=\"https:\u002F\u002Fexample.com\u002Fhtml-head\">\n\n  \u003C!-- Twitter card -->\n  \u003Cmeta name=\"twitter:card\" content=\"summary_large_image\">\n\u003C\u002Fhead>",{"id":271,"language":334,"code":340,"is_editable":336},"\u003Cscript type=\"application\u002Fld+json\">\n{\n  \"@context\": \"https:\u002F\u002Fschema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"HTML Head Element Deep Dive\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"Course Instructor\"\n  }\n}\n\u003C\u002Fscript>",{"id":79,"slug":342,"title":343,"time_limit_seconds":5,"pass_percentage":287,"question_count":9},"html-head-element-quiz","HTML Head Element Quiz",[345],{"id":131,"title":346,"slug":347,"prompt":348,"starter_code":349,"expected_output":350,"language":334,"order_index":9},"Complete a Missing Head Section","complete-missing-head-section","The head section below is missing charset, viewport, title, and a meta description. Add all four in the correct order (charset first).","\u003Chead>\n  \u003C!-- TODO: add charset, viewport, title, meta description -->\n  \u003Clink rel=\"stylesheet\" href=\"\u002Fstyles.css\">\n\u003C\u002Fhead>","A head element with meta charset first, followed by viewport meta, a title tag, and a meta description tag.","2026-09-27T17:31:58+00:00",{"id":135,"slug":137,"title":136},{"id":143,"slug":145,"title":144},{"data":355},[356,361,364,369,374],{"name":357,"slug":358,"description":359,"post_count":23,"subcategories":360},"CSS","css","Learn CSS with practical tutorials and examples covering layouts, Flexbox, Grid, responsive design, typography, positioning, animations, and more.",[],{"name":10,"slug":334,"description":362,"post_count":23,"subcategories":363},"Learn HTML with practical tutorials and examples for beginners. Explore HTML tags, elements, attributes, links, images, forms, semantic HTML, and more with clear explanations and real code examples.",[],{"name":365,"slug":366,"description":367,"post_count":9,"subcategories":368},"WPF","wpf","Learn WPF with practical tutorials and examples covering XAML, windows, controls, layouts, data binding, MVVM, commands, styles, templates, debugging, and modern WPF UI development.",[],{"name":370,"slug":371,"description":372,"post_count":9,"subcategories":373},"Python","python","Learn Python with practical tutorials covering strings, lists, functions, exceptions, files, packages, virtual environments, modules, classes, and beginner programming concepts.",[],{"name":375,"slug":376,"description":377,"post_count":9,"subcategories":378},"Java","java","Learn Java with practical tutorials and examples for beginners. Explore Java syntax, variables, data types, classes, objects, methods, inheritance, exceptions, collections, and more with clear explanations and real code examples.",[]]