ajay-dhangar · Sep 23, 2026 · Sep 23, 2026
@@ -3,7 +3,7 @@ id: browser-developer-tools
 title: "Inspecting Web Pages with Browser Developer Tools"
 sidebar_label: "Developer Tools"
 sidebar_position: 8
-slug: /tutorials/html/getting-started/browser-developer-tools
+slug: /html/getting-started/browser-developer-tools
 description: "Master Chrome and Firefox DevTools to inspect HTML markup, debug layout elements, view real-time DOM changes, and audit web pages."
 keywords:
   - browser developer tools

@@ -3,7 +3,7 @@ id: create-your-first-html-page
 title: "Create Your First HTML Page"
 sidebar_label: "First HTML Page"
 sidebar_position: 7
-slug: /tutorials/html/getting-started/create-your-first-html-page
+slug: /html/getting-started/create-your-first-html-page
 description: "Step-by-step hands-on tutorial on setting up a local code editor, writing basic HTML tags, and rendering your first webpage in a browser."
 keywords:
   - create first HTML page

@@ -3,7 +3,7 @@ id: how-the-web-works
 title: "How the Web Works: Clients, Servers, and HTTP"
 sidebar_label: "How the Web Works"
 sidebar_position: 5
-slug: /tutorials/html/getting-started/how-the-web-works
+slug: /html/getting-started/how-the-web-works
 description: "Understand the fundamentals of client-server architecture, domain name systems (DNS), HTTP requests, and how browsers render HTML pages."
 keywords:
   - how the web works

@@ -3,7 +3,7 @@ id: html-document-structure
 title: "Understanding the Structure of an HTML Document"
 sidebar_label: "Document Structure"
 sidebar_position: 6
-slug: /tutorials/html/getting-started/html-document-structure
+slug: /html/getting-started/html-document-structure
 description: "Learn the essential building blocks of an HTML document including DOCTYPE, html, head, title, meta, and body tags."
 keywords:
   - HTML document structure

@@ -3,7 +3,7 @@ id: html-history
 title: "The Evolution and History of HTML"
 sidebar_label: "HTML History"
 sidebar_position: 3
-slug: /tutorials/html/getting-started/html-history
+slug: /html/getting-started/html-history
 description: "Trace the history and evolution of HTML from Tim Berners-Lee's first web draft to the modern living standard maintained by the WHATWG."
 keywords:
   - HTML history

@@ -3,7 +3,7 @@ id: html-vs-html5
 title: "Key Differences Between HTML and HTML5"
 sidebar_label: "HTML vs HTML5"
 sidebar_position: 4
-slug: /tutorials/html/getting-started/html-vs-html5
+slug: /html/getting-started/html-vs-html5
 description: "Discover the major improvements, semantic features, multimedia support, and modern APIs introduced in HTML5 compared to legacy HTML versions."
 keywords:
   - HTML vs HTML5

@@ -3,7 +3,7 @@ id: getting-started-overview
 title: "Getting Started with HTML"
 sidebar_label: "Getting Started"
 sidebar_position: 1
-slug: /tutorials/html/getting-started
+slug: /html/getting-started
 description: "Master the basics of HTML from scratch. Explore web architecture, document structures, browser tools, and create your first web page with CodeHarborHub."
 keywords:
   - HTML getting started

@@ -3,7 +3,7 @@ id: what-is-html
 title: "Introduction to Web Development"
 sidebar_label: "What is HTML?"
 sidebar_position: 2
-slug: /tutorials/html/getting-started/what-is-html
+slug: /html/getting-started/what-is-html
 description: "Learn what HTML is, how it structures web pages, and why it forms the backbone of web development. Free comprehensive guide for beginners at CodeHarborHub."
 keywords:
   - HTML introduction

@@ -3,7 +3,7 @@ id: attributes
 title: "HTML Attributes: Name-Value Pairs and Boolean Attributes"
 sidebar_label: "Attributes"
 sidebar_position: 4
-slug: /tutorials/html/html-syntax/attributes
+slug: /html/html-syntax/attributes
 description: "Master HTML attributes, syntax conventions, quoted vs unquoted values, boolean flags, and custom data attributes."
 keywords:
   - HTML attributes

@@ -3,7 +3,7 @@ id: character-encoding
 title: "Character Encoding and UTF-8 in HTML"
 sidebar_label: "Character Encoding"
 sidebar_position: 9
-slug: /tutorials/html/html-syntax/character-encoding
+slug: /html/html-syntax/character-encoding
 description: "Understand character sets, ASCII vs UTF-8 encoding, declaring meta charset tags, and avoiding broken character renders on web pages."
 keywords:
   - HTML character encoding

@@ -3,7 +3,7 @@ id: comments
 title: "How to Use Comments in HTML"
 sidebar_label: "Comments"
 sidebar_position: 5
-slug: /tutorials/html/html-syntax/comments
+slug: /html/html-syntax/comments
 description: "Learn how to write single-line and multi-line comments in HTML to clarify code structure and temporarily disable markup during testing."
 keywords:
   - HTML comments

@@ -3,7 +3,7 @@ id: elements
 title: "Understanding HTML Elements"
 sidebar_label: "Elements"
 sidebar_position: 2
-slug: /tutorials/html/html-syntax/elements
+slug: /html/html-syntax/elements
 description: "Learn what HTML elements are, how they are constructed with opening/closing tags, and the difference between container and self-closing elements."
 keywords:
   - HTML elements

@@ -3,7 +3,7 @@ id: entities
 title: "HTML Character Entities and Reserved Characters"
 sidebar_label: "Character Entities"
 sidebar_position: 8
-slug: /tutorials/html/html-syntax/entities
+slug: /html/html-syntax/entities
 description: "Learn how to safely render reserved characters, special symbols, mathematical notations, and non-breaking spaces using HTML entities."
 keywords:
   - HTML entities

@@ -3,7 +3,7 @@ id: global-attributes
 title: "Comprehensive Guide to HTML Global Attributes"
 sidebar_label: "Global Attributes"
 sidebar_position: 10
-slug: /tutorials/html/html-syntax/global-attributes
+slug: /html/html-syntax/global-attributes
 description: "Explore universal HTML attributes like id, class, style, title, hidden, tabindex, and lang that can be applied to all HTML elements."
 keywords:
   - HTML global attributes

@@ -3,7 +3,7 @@ id: html-syntax-overview
 title: "HTML Syntax and Structure Overview"
 sidebar_label: "HTML Syntax and Structure"
 sidebar_position: 1
-slug: /tutorials/html/html-syntax
+slug: /html/html-syntax
 description: "Master core HTML syntax rules, including tags, attributes, nesting rules, character encoding, and global attributes with CodeHarborHub."
 keywords:
   - HTML syntax overview

@@ -3,7 +3,7 @@ id: nesting
 title: "Element Nesting and Hierarchy Rules in HTML"
 sidebar_label: "Element Nesting"
 sidebar_position: 6
-slug: /tutorials/html/html-syntax/nesting
+slug: /html/html-syntax/nesting
 description: "Understand proper element nesting, parent-child relationships, tag overlapping errors, and clean DOM tree hierarchy construction."
 keywords:
   - HTML element nesting

@@ -3,7 +3,7 @@ id: tags
 title: "HTML Tags: Opening, Closing, and Self-Closing Tags"
 sidebar_label: "Tags"
 sidebar_position: 3
-slug: /tutorials/html/html-syntax/tags
+slug: /html/html-syntax/tags
 description: "Explore HTML tags, casing rules, self-closing syntax, and how tags define structural elements across web pages."
 keywords:
   - HTML tags

@@ -3,7 +3,7 @@ id: whitespace
 title: "Handling Whitespace, Line Breaks, and Collapse in HTML"
 sidebar_label: "Whitespace & Collapse"
 sidebar_position: 7
-slug: /tutorials/html/html-syntax/whitespace
+slug: /html/html-syntax/whitespace
 description: "Discover how web browsers process whitespace collapsing, multiple spaces, line breaks, indentation, and preformatted text."
 keywords:
   - HTML whitespace collapse

@@ -3,7 +3,7 @@ id: abbreviations
 title: "Defining Abbreviations and Acronyms with abbr"
 sidebar_label: "Abbreviations"
 sidebar_position: 10
-slug: /tutorials/html/text-content/abbreviations
+slug: /html/text-content/abbreviations
 description: "Use the abbr element with title attributes to provide tooltips and clear expansion definitions for acronyms and abbreviations."
 keywords:
   - HTML abbr tag

@@ -3,7 +3,7 @@ id: citations
 title: "Citing Work and Titles using the cite Tag"
 sidebar_label: "Citations"
 sidebar_position: 11
-slug: /tutorials/html/text-content/citations
+slug: /html/text-content/citations
 description: "Learn how to correctly use the cite tag to reference creative works, books, research papers, movies, and external articles."
 keywords:
   - HTML cite tag

@@ -3,7 +3,7 @@ id: code-text
 title: "Displaying Code Snippets, Keyboard Input, and Preformatted Text"
 sidebar_label: "Code & Computer Text"
 sidebar_position: 12
-slug: /tutorials/html/text-content/code-text
+slug: /html/text-content/code-text
 description: "Explore computer text elements including code, pre, kbd, samp, and var to format inline code snippets, terminal output, and user inputs."
 keywords:
   - HTML code tag

@@ -3,7 +3,7 @@ id: emphasis-and-italic
 title: "Emphasized Text vs Italics: em vs i Tags"
 sidebar_label: "Emphasis & Italic"
 sidebar_position: 7
-slug: /tutorials/html/text-content/emphasis-and-italic
+slug: /html/text-content/emphasis-and-italic
 description: "Compare the semantic em tag for stress emphasis with the visual i tag for technical terms, idiomatic phrases, and alternate voices."
 keywords:
   - em vs i tag

@@ -3,7 +3,7 @@ id: headings
 title: "HTML Headings: Structuring Pages with h1 to h6"
 sidebar_label: "Headings (h1-h6)"
 sidebar_position: 2
-slug: /tutorials/html/text-content/headings
+slug: /html/text-content/headings
 description: "Learn how to establish content hierarchy, improve readability, and boost SEO using HTML heading tags from h1 through h6."
 keywords:
   - HTML headings

@@ -3,7 +3,7 @@ id: horizontal-rule
 title: "Horizontal Rules: The hr Tag for Thematic Breaks"
 sidebar_label: "Horizontal Rule"
 sidebar_position: 5
-slug: /tutorials/html/text-content/horizontal-rule
+slug: /html/text-content/horizontal-rule
 description: "Explore the hr element in HTML to create thematic breaks, section dividers, and visual content shifts across web pages."
 keywords:
   - HTML hr tag

@@ -3,7 +3,7 @@ id: text-content-overview
 title: "Formatting Text Content in HTML"
 sidebar_label: "Formatting Text Content"
 sidebar_position: 1
-slug: /tutorials/html/text-content
+slug: /html/text-content
 description: "Master HTML text elements, formatting tags, semantic text markup, headings, paragraphs, and inline citations with CodeHarborHub."
 keywords:
   - HTML text content

@@ -3,7 +3,7 @@ id: line-breaks
 title: "Line Breaks and Forced Spaces in HTML"
 sidebar_label: "Line Breaks"
 sidebar_position: 4
-slug: /tutorials/html/text-content/line-breaks
+slug: /html/text-content/line-breaks
 description: "Learn when and how to use the self-closing br tag for forcing line breaks in addresses, poetry, and inline text blocks without breaking paragraphs."
 keywords:
   - HTML br tag

@@ -3,7 +3,7 @@ id: paragraphs
 title: "HTML Paragraphs: Structuring Blocks of Text"
 sidebar_label: "Paragraphs"
 sidebar_position: 3
-slug: /tutorials/html/text-content/paragraphs
+slug: /html/text-content/paragraphs
 description: "Understand the paragraph tag, block-level text rendering, browser default margins, and proper text grouping techniques in HTML."
 keywords:
   - HTML paragraph tag

@@ -3,7 +3,7 @@ id: quotations
 title: "Blockquotes and Inline Quotations in HTML"
 sidebar_label: "Quotations"
 sidebar_position: 9
-slug: /tutorials/html/text-content/quotations
+slug: /html/text-content/quotations
 description: "Master blockquote and q elements in HTML for long-form quotes and inline text quotations, including cite attributes for source tracking."
 keywords:
   - HTML blockquote tag

@@ -3,7 +3,7 @@ id: semantic-text
 title: "Semantic Text Elements: mark, small, time, and data Tags"
 sidebar_label: "Semantic Text"
 sidebar_position: 14
-slug: /tutorials/html/text-content/semantic-text
+slug: /html/text-content/semantic-text
 description: "Discover utility semantic text tags including mark for highlighted text, small for fine print, time for machine-readable dates, and data for values."
 keywords:
   - HTML semantic text

@@ -3,7 +3,7 @@ id: strong-and-bold
 title: "Strong Importance vs Bold Text: strong vs b Tags"
 sidebar_label: "Strong & Bold"
 sidebar_position: 6
-slug: /tutorials/html/text-content/strong-and-bold
+slug: /html/text-content/strong-and-bold
 description: "Understand the semantic difference between the strong tag for high importance and the b tag for stylistic bold offset in HTML."
 keywords:
   - strong vs b tag

@@ -3,7 +3,7 @@ id: subscript-and-superscript
 title: "Subscript and Superscript: Working with sub and sup Tags"
 sidebar_label: "Subscript & Superscript"
 sidebar_position: 13
-slug: /tutorials/html/text-content/subscript-and-superscript
+slug: /html/text-content/subscript-and-superscript
 description: "Format mathematical formulas, chemical equations, footnotes, and ordinal indicators using HTML sub and sup tags."
 keywords:
   - HTML sub tag

@@ -3,7 +3,7 @@ id: underline
 title: "The u Tag: Representing Unarticulated Annotations"
 sidebar_label: "Underline"
 sidebar_position: 8
-slug: /tutorials/html/text-content/underline
+slug: /html/text-content/underline
 description: "Learn how and when to use the u element for unarticulated non-textual annotations such as misspelling indicators or proper name offsets."
 keywords:
   - HTML u tag

@@ -3,7 +3,7 @@ id: absolute-urls
 title: "Understanding Absolute URLs in HTML Links"
 sidebar_label: "Absolute URLs"
 sidebar_position: 3
-slug: /tutorials/html/links-and-navigation/absolute-urls
+slug: /html/links-and-navigation/absolute-urls
 description: "Explore absolute URLs, including protocol definitions, domain names, port numbers, and when to use full external web paths in anchor tags."
 keywords:
   - absolute URLs HTML

@@ -3,7 +3,7 @@ id: anchor-element
 title: "The HTML Anchor Element: Creating Hyperlinks"
 sidebar_label: "Anchor Element (<a>)"
 sidebar_position: 2
-slug: /tutorials/html/links-and-navigation/anchor-element
+slug: /html/links-and-navigation/anchor-element
 description: "Learn how the HTML anchor element (a tag) works, its essential href attribute, and how it connects web pages together across the internet."
 keywords:
   - HTML anchor element

@@ -3,7 +3,7 @@ id: download-links
 title: "Triggering File Downloads using the download Attribute"
 sidebar_label: "Download Links"
 sidebar_position: 9
-slug: /tutorials/html/links-and-navigation/download-links
+slug: /html/links-and-navigation/download-links
 description: "Discover how to force browser file downloads using the download attribute, custom save-as filenames, and cross-origin security rules."
 keywords:
   - HTML download attribute

@@ -3,7 +3,7 @@ id: email-links
 title: "Creating Mailto Links for Email Integration"
 sidebar_label: "Email Links (mailto)"
 sidebar_position: 7
-slug: /tutorials/html/links-and-navigation/email-links
+slug: /html/links-and-navigation/email-links
 description: "Learn how to build interactive mailto anchor links with pre-filled subject lines, body content, CC, and BCC parameters."
 keywords:
   - HTML mailto links

@@ -3,7 +3,7 @@ id: external-links
 title: "Linking to External Websites and Resources"
 sidebar_label: "External Links"
 sidebar_position: 6
-slug: /tutorials/html/links-and-navigation/external-links
+slug: /html/links-and-navigation/external-links
 description: "Understand external links, best practices for outbound navigation, SEO implications, and domain authority preservation."
 keywords:
   - external links HTML

@@ -3,7 +3,7 @@ id: links-and-navigation-overview
 title: "Links and Navigation in HTML"
 sidebar_label: "Links and Navigation"
 sidebar_position: 1
-slug: /tutorials/html/links-and-navigation
+slug: /html/links-and-navigation
 description: "Master hyperlink creation, URL structures, protocol links, link security, and site navigation menus in HTML with CodeHarborHub."
 keywords:
   - HTML links overview

@@ -3,7 +3,7 @@ id: internal-links
 title: "Internal Page Links and Anchor Jumps"
 sidebar_label: "Internal Links"
 sidebar_position: 5
-slug: /tutorials/html/links-and-navigation/internal-links
+slug: /html/links-and-navigation/internal-links
 description: "Learn how to link to specific sections within the same webpage using element IDs, hash fragments, and smooth scrolling techniques."
 keywords:
   - internal links HTML

@@ -3,7 +3,7 @@ id: link-security
 title: "Link Security and Privacy: rel='noopener noreferrer'"
 sidebar_label: "Link Security"
 sidebar_position: 11
-slug: /tutorials/html/links-and-navigation/link-security
+slug: /html/links-and-navigation/link-security
 description: "Protect your users from reverse tabnabbing and window.opener vulnerabilities using rel='noopener noreferrer' and rel='nofollow'."
 keywords:
   - rel noopener noreferrer

@@ -3,7 +3,7 @@ id: navigation-menus
 title: "Building Accessible Navigation Menus with nav"
 sidebar_label: "Navigation Menus"
 sidebar_position: 12
-slug: /tutorials/html/links-and-navigation/navigation-menus
+slug: /html/links-and-navigation/navigation-menus
 description: "Learn how to combine semantic nav elements, unordered lists, and links to build clean, accessible website navigation menus."
 keywords:
   - HTML nav element

@@ -3,7 +3,7 @@ id: relative-urls
 title: "Working with Relative URLs and File Paths"
 sidebar_label: "Relative URLs"
 sidebar_position: 4
-slug: /tutorials/html/links-and-navigation/relative-urls
+slug: /html/links-and-navigation/relative-urls
 description: "Master relative path navigation using root-relative paths, parent directories (..), and current directory references in HTML."
 keywords:
   - relative URLs HTML

@@ -3,7 +3,7 @@ id: target-attribute
 title: "Opening Links in New Windows: The target Attribute"
 sidebar_label: "Target Attribute"
 sidebar_position: 10
-slug: /tutorials/html/links-and-navigation/target-attribute
+slug: /html/links-and-navigation/target-attribute
 description: "Master target attributes like _blank, _self, _parent, and _top to control how browsing contexts and tabs open links."
 keywords:
   - target attribute HTML

@@ -3,7 +3,7 @@ id: telephone-links
 title: "Click-to-Call Phone Links with tel Protocol"
 sidebar_label: "Telephone Links (tel)"
 sidebar_position: 8
-slug: /tutorials/html/links-and-navigation/telephone-links
+slug: /html/links-and-navigation/telephone-links
 description: "Implement click-to-call mobile features using the tel protocol, international number formatting, and desktop dialing fallbacks."
 keywords:
   - HTML tel links