New update

docs/html/forms/building-form.mdx

@@ -5,7 +5,6 @@ sidebar_label: Building Forms
 sidebar_position: 1
 tags: [html, web-development, forms, user-input, front-end-development, web-design]
 description: "Learn how to create forms in HTML to collect user input effectively, with detailed examples and best practices."
-hide_table_of_contents: true
 ---
 
 Forms are an essential part of any website or web application. They allow users to interact with the website by providing input, such as text, selections, and buttons. Forms are used for various purposes, such as user registration, login, search, feedback, and more.

docs/html/forms/form-attribute.mdx

@@ -6,7 +6,6 @@ sidebar_position: 3
 description: "Learn about the form attribute in HTML forms and how it can be used to associate form elements with a form."
 keywords: [form attribute, form element, form association, form control, HTML form, web development, front-end development, web design]
 tags: [html, web-development, forms, user-input, front-end-development, web-design]
-hide_table_of_contents: true
 ---
 
 The `form` attribute in HTML is used to associate form elements with a form. It specifies the `id` of the form element that the input element belongs to. This association allows you to group related form controls together and define the form structure more clearly.

docs/html/forms/form-input-element.mdx

@@ -6,7 +6,6 @@ sidebar_position: 2
 tags: [html input element, html form input element, html input types, html input text, html input password, html input email]
 description: "Learn about the HTML <input> element and its various types such as text, password, email, etc., used to create input fields within a form."
 keywords: [html input element, html form input element, html input types, html input text, html input password, html input email]
-hide_table_of_contents: true
 ---
 
 The `<input>` element is used to create input fields within a form. It can be used to create text fields, checkboxes, radio buttons, buttons, and more. The `type` attribute of the `<input>` element specifies the type of input field to be created.

docs/html/how-html-works.mdx

@@ -5,7 +5,6 @@ sidebar_label: How HTML works
 sidebar_position: 2
 tags: [html, web-development, front-end-development, web-design, web-browsers, web-technology, web-pages]
 description: "In this tutorial, you will learn about How HTML works with web browsers and how web browsers render HTML content."
-hide_table_of_contents: true
 ---
 
 > *We have already learned HTML in the previous tutorial. In this tutorial, we will learn about how HTML works with web browsers and how web browsers render HTML content.*

docs/html/html-basics/attributes-and-values.mdx

@@ -6,7 +6,6 @@ sidebar_position: 3
 tags: [html, web-development, attributes, values]
 description: "In this tutorial, you will learn about HTML attributes and values. HTML attributes provide additional information about elements, and values define the specific settings or properties of the attributes."
 keywords: [html, web development, attributes, values, html attributes, html values, html tutorial, html basics, web design, web pages, websites, html structure, html attributes tutorial, html values tutorial, html in 2024]
-hide_table_of_contents: true
 ---
 
 HTML Attributes and Values are used to provide additional information about HTML elements and define specific settings or properties for those elements. In this tutorial, you will learn about HTML attributes and values and how they are used in web development.

docs/html/html-basics/document-structure.mdx

@@ -5,7 +5,6 @@ sidebar_label: Document Structure
 sidebar_position: 4
 tags: [html, web-development, document-structure]
 description: "In this tutorial, you will learn about the structure of an HTML document and how to create a basic HTML document."
-hide_table_of_contents: true
 ---
 
 An HTML document consists of several parts that define the structure and content of the web page. Understanding the structure of an HTML document is essential for creating well-formed and valid web pages. In this tutorial, you will learn about the structure of an HTML document and how to create a basic HTML document.

docs/html/html-basics/elements-and-tags.mdx

@@ -6,7 +6,6 @@ sidebar_position: 2
 tags: [html, web-development, elements, tags]
 description: "In this tutorial, you will learn about HTML elements and tags. HTML elements are the building blocks of HTML pages, and tags are used to define the structure of the content."
 keywords: [html, web development, elements, tags, html elements, html tags, html tutorial, html basics, web design, web pages, websites, html structure, html elements tutorial, html tags tutorial, html in 2024]
-hide_table_of_contents: true
 ---
 
 HTML elements and tags are the building blocks of HTML pages. Elements define the structure and content of the web page, while tags are used to mark up the elements. In this tutorial, you will learn about HTML elements and tags and how they are used to create web pages.

docs/html/html-basics/syntax-and-structure.mdx

@@ -41,7 +41,6 @@ keywords:
     html in 2024,
   ]
 description: "In this tutorial, you will learn about the syntax and structure of HTML."
-hide_table_of_contents: true
 ---
 
 HTML (Hypertext Markup Language) is the standard markup language for creating web pages. It provides the structure and layout of the content on the web. In this tutorial, you will learn about the syntax and structure of HTML.

docs/html/html-validation-and-debugging/common-html-errors-and-fixes.mdx

@@ -15,7 +15,6 @@ keywords:
     html errors,
     html fixes,
   ]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn about common HTML errors and how to fix them to create valid and well-structured HTML documents.

docs/html/html-validation-and-debugging/importance-of-validating-html-code.mdx

@@ -6,7 +6,6 @@ sidebar_position: 1
 tags: [html, web-development, validation, debugging]
 description: "In this tutorial, you will learn about the importance of validating HTML code and how to use HTML validators to check for errors and ensure your code is well-formed and standards-compliant."
 keywords: [html validation, html validation importance, html validation benefits, html validation tools, html validation online, html validation w3c, html validation checker, html validation error, html validation code, html validation best practices, html validation and debugging]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn about the importance of validating HTML code and how to use HTML validators to check for errors and ensure your code is well-formed and standards-compliant.

docs/html/html-validation-and-debugging/using-w3c-validator.mdx

@@ -6,7 +6,6 @@ sidebar_position: 2
 tags: [html, web-development, validation, debugging]
 description: "In this tutorial, you will learn how to use the W3C HTML Validator to check your HTML code for errors and ensure it is well-formed and standards-compliant."
 keywords: [w3c html validator, html validation, html debugging, html errors, html standards, html compliance]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn how to use the W3C HTML Validator to check your HTML code for errors and ensure it is well-formed and standards-compliant.

docs/html/html5-apis/canvas-and-svg-graphics.mdx

@@ -15,7 +15,6 @@ keywords:
     html5 svg,
     graphics in html,
   ]
-hide_table_of_contents: true
 ---
 
 import SVGExample from './_scripts/SVGExample';

docs/html/html5-apis/geolocation-api.mdx

@@ -13,7 +13,6 @@ keywords:
     geolocation api in html,
     html5 geolocation api,
   ]
-hide_table_of_contents: true
 ---
 
 import GeolocationExample from './\_scripts/GeolocationExample';

docs/html/html5-apis/local-storage-and-session-storage.mdx

@@ -14,7 +14,6 @@ keywords:
     html5 local storage,
     html5 session storage,
   ]
-hide_table_of_contents: true
 ---
 
 import SessionStorageExample from './_scripts/SessionStorageExample';

docs/html/images/image-attributes.mdx

@@ -16,7 +16,6 @@ keywords:
     web development,
     HTML tutorial,
   ]
-hide_table_of_contents: true
 ---
 
 Images are an essential part of web development and are used to enhance the visual appeal of web pages. In HTML, images are inserted using the `<img>` (image) tag, which specifies the location of the image file and other attributes that control its appearance and behavior.

docs/html/images/image-formats-and-optimization.mdx

@@ -22,7 +22,6 @@ keywords:
     image performance,
     image size,
   ]
-hide_table_of_contents: true
 ---
 
 Image optimization is an essential aspect of web development that involves reducing the file size of images without compromising their quality. Optimizing images can help improve website performance, reduce loading times, and enhance the user experience.

docs/html/images/inserting-images.mdx

@@ -6,7 +6,6 @@ sidebar_position: 1
 tags: [html, web-development, images, inserting-images]
 description: "In this tutorial, you will learn how to insert images in HTML. Images are used to enhance the visual appeal of web pages and provide additional information to users."
 keywords: [HTML images, image insertion, img tag, alt attribute, web development, HTML tutorial]
-hide_table_of_contents: true
 ---
 
 Images are an essential part of web development and are used to enhance the visual appeal of web pages. In HTML, images are inserted using the `<img>` (image) tag, which specifies the location of the image file and other attributes that control its appearance and behavior.

docs/html/intro-html.mdx

@@ -16,7 +16,6 @@ tags:
     html attributes,
   ]
 description: "In this tutorial, you will learn about HTML, its importance, what is HTML, why learn HTML, how to use HTML, steps to start using HTML, and more."
-hide_table_of_contents: true
 ---
 
 HTML stands for **Hyper Text Markup Language**. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements that you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or image hyperlink to somewhere else, can italicize words, can make the font bigger or smaller, and so on.

docs/html/links-and-anchors/creating-hyperlinks.mdx

@@ -6,7 +6,6 @@ sidebar_position: 1
 tags: [html, web-development, hyperlinks, links]
 description: "In this tutorial, you will learn how to create hyperlinks in HTML. Hyperlinks are used to link one web page to another, or to link to a specific section within the same web page."
 keywords: [HTML hyperlinks, HTML links, anchor tag, href attribute, web development, HTML tutorial]
-hide_table_of_contents: true
 ---
 
 Hyperlinks, also known as links, are an essential part of web development. They allow users to navigate between different web pages or sections within the same page. In HTML, hyperlinks are created using the `<a>` (anchor) tag, which defines a clickable link to another location.

docs/html/links-and-anchors/link-attributes.mdx

@@ -16,7 +16,6 @@ keywords:
     web development,
     HTML tutorial,
   ]
-hide_table_of_contents: true
 ---
 
 Hyperlinks, also known as links, are an essential part of web development. They allow users to navigate between different web pages or sections within the same page. In HTML, hyperlinks are created using the `<a>` (anchor) tag, which defines a clickable link to another location.

docs/html/lists/definition-lists.mdx

@@ -6,7 +6,6 @@ sidebar_position: 4
 tags: [html, web-development, definition-lists, lists]
 description: "In this tutorial, you will learn the basics of definition lists in HTML. We will cover what they are, common use cases, examples and you'll also get to see what they look like in real code."
 keywords: [html definition lists, html lists, definition lists in html, html dl, html dt, html dd, html definition list example, html definition list tutorial, html lists tutorial, html in 2024]
-hide_table_of_contents: true
 ---
 
 Definition lists in HTML are used to represent a list of terms and their corresponding definitions. Each term in the list is displayed with a definition following it. Definition lists are commonly used for glossaries, dictionaries, metadata, and other scenarios where a term-definition relationship is required.

docs/html/lists/list-intro.mdx

@@ -6,7 +6,6 @@ sidebar_position: 1
 tags: [html, web-development, lists]
 description: "In this tutorial, you will learn about lists in HTML. Lists are used to display a collection of items in a structured format."
 keywords: [html lists, html ul, html ol, html dl, html list items, html list tags]
-hide_table_of_contents: true
 ---
 
 Lists in HTML are used to display a collection of items in a structured format. Lists are essential for organizing content, creating navigation menus, and presenting information in a readable manner. HTML provides three types of lists: unordered lists, ordered lists, and definition lists.

docs/html/lists/ordered-lists.mdx

@@ -6,7 +6,6 @@ sidebar_position: 3
 tags: [html, web-development, ordered-lists, lists]
 description: "In this tutorial, you will learn about ordered lists in HTML. Ordered lists are used to display a list of items in a specific order, such as numerical or alphabetical order."
 keywords: [html ordered lists, html ol, html list items, html list tags, html ordered list example, html ordered list tutorial, html lists tutorial, html in 2024]
-hide_table_of_contents: true
 ---
 
 Ordered lists in HTML are used to represent a collection of items in a specific order, such as numerical or alphabetical order. Each item in the list is displayed with a number or letter to indicate its position in the sequence. Ordered lists are commonly used for steps in a process, rankings, and other scenarios where the order of items is important.

docs/html/lists/unordered-lists.mdx

@@ -6,7 +6,6 @@ sidebar_position: 2
 tags: [html, web-development, unordered-lists, lists]
 description: "In this tutorial, you will learn about unordered lists in HTML. Unordered lists are used to display a list of items in no particular order."
 keywords: [html unordered lists, html ul, html list items, html list tags, html unordered list example, html unordered list tutorial, html lists tutorial, html in 2024]
-hide_table_of_contents: true
 ---
 
 Unordered lists in HTML are used to represent a collection of items without any specific order or sequence. Each item in the list is displayed with a bullet point or other marker to indicate that it is part of a list. Unordered lists are commonly used for navigation menus, itemized lists, and other scenarios where the order of items is not important.

docs/html/multimedia/adding-audio-and-video.mdx

@@ -6,7 +6,6 @@ sidebar_position: 1
 tags: [html, web-development, multimedia, audio, video]
 description: "In this tutorial, you will learn how to add audio and video to your HTML documents using the <audio> and <video> elements."
 keywords: [html audio, html video, html multimedia, html audio tag, html video tag, html audio element, html video element]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn how to add audio and video to your HTML documents. HTML provides built-in elements such as `<audio>` and `<video>` to embed multimedia content in web pages. These elements allow you to play audio and video files directly in the browser without the need for third-party plugins like Flash.

docs/html/multimedia/embedding-multimedia-content.mdx

@@ -6,7 +6,6 @@ sidebar_position: 2
 tags: [html, web-development, multimedia, embedding-multimedia-content]
 description: "In this tutorial, you will learn how to embed multimedia content such as images, audio, and video in your HTML documents"
 keywords: [html multimedia, html images, html audio, html video, html multimedia content, html multimedia elements]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn how to embed multimedia content such as images, audio, and video in your HTML documents. HTML provides built-in elements such as `<img>`, `<audio>`, and `<video>` to embed multimedia content in web pages. These elements allow you to display images, play audio, and video files directly in the browser without the need for third-party plugins like Flash.

docs/html/multimedia/multimedia-attributes-and-controls.mdx

@@ -6,7 +6,6 @@ sidebar_position: 3
 tags: [html, web-development, multimedia, multimedia-attributes, multimedia-controls]
 description: "In this tutorial, you will learn about the multimedia attributes and controls available in HTML for embedding audio and video content in your web pages."
 keywords: [html multimedia attributes, html multimedia controls, html audio attributes, html video attributes, html multimedia controls, html audio controls, html video controls]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn about the multimedia attributes and controls available in HTML for embedding audio and video content in your web pages. HTML provides built-in elements such as `<audio>` and `<video>` to embed audio and video content in web pages. These elements come with various attributes and controls that allow you to customize the appearance and behavior of the multimedia content.

docs/html/next-steps-and-resources/advanced-html-topics.mdx

@@ -14,7 +14,6 @@ keywords:
     html5,
     html best practices,
   ]
-hide_table_of_contents: true
 ---
 
 In this tutorial, we will explore advanced HTML topics such as web components, microdata, semantic HTML, and more.

docs/html/next-steps-and-resources/community-support.mdx

@@ -5,7 +5,6 @@ sidebar_label: Community Support
 sidebar_position: 3
 tags: [html, web-development, community, support]
 description: "In this tutorial, we will explore the community support available for HTML and web development."
-hide_table_of_contents: true
 ---
 
 Now, If you are stuck with a problem or have a question, you can always ask for help from the community. keep in mind that the community is always there to help you.

docs/html/next-steps-and-resources/further-learning-resources.mdx

@@ -16,7 +16,6 @@ keywords:
     html books,
     web development books,
   ]
-hide_table_of_contents: true
 ---
 
 import ComingSoon from '@site/src/components/ComingSoon';

docs/html/responsive-web-design/flexbox-and-grid-layout.mdx

@@ -15,7 +15,6 @@ keywords:
     web layout,
     web design,
   ]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn how to use Flexbox and Grid Layout to create responsive web designs and build complex layouts in HTML and CSS.

docs/html/responsive-web-design/introduction-to-responsive-design.mdx

@@ -15,7 +15,6 @@ keywords:
     responsive web design basics,
     responsive web design examples,
   ]
-hide_table_of_contents: true
 ---
 
 In this tutorial, you will learn the basics of responsive web design and how to create responsive websites that work on all devices.

docs/html/responsive-web-design/media-queries-and-breakpoints.mdx

@@ -14,7 +14,6 @@ keywords:
     css media queries,
     responsive breakpoints,
   ]
-hide_table_of_contents: true
 ---
 
 In responsive web design, media queries and breakpoints are essential tools for creating websites that adapt to different screen sizes and devices. Media queries allow you to apply specific styles based on the device's characteristics, such as screen width, height, and orientation. Breakpoints define the points at which the layout of a website changes to accommodate different screen sizes.

docs/html/semantic-html/benefits-of-semantic-html.mdx

@@ -6,7 +6,6 @@ sidebar_position: 3
 tags: [html, web-development, semantic-html, benefits-of-semantic-html]
 description: "In this tutorial, you will learn about the benefits of using semantic HTML to improve the accessibility, search engine optimization (SEO), and maintainability of your web pages."
 keywords: [semantic html benefits, semantic html advantages, semantic html importance, semantic html benefits for seo, semantic html accessibility]
-hide_table_of_contents: true
 ---
 
 Semantic HTML provides a structured and meaningful way to organize web content. By using semantic elements, you can enhance the accessibility, search engine optimization (SEO), and maintainability of your web pages. Let's explore some key benefits of using semantic HTML:

docs/html/semantic-html/semantic-html5-elements.mdx

@@ -6,7 +6,6 @@ sidebar_position: 2
 tags: [html, web-development, semantic-html, semantic-html5-elements]
 description: "In this tutorial, you will learn about semantic HTML5 elements and how they can improve the structure, accessibility, and search engine optimization (SEO) of your web pages."
 keywords: [semantic html5 elements, semantic html5 tags, semantic html5 benefits, semantic html5 importance, html5 semantic elements]
-hide_table_of_contents: true
 ---
 
 Semantic HTML5 elements provide meaning to web content beyond mere presentation. They help in creating accessible and search engine friendly web pages by clearly defining the structure and purpose of different parts of web content.

docs/html/semantic-html/understanding-semantic-html.mdx

@@ -6,7 +6,6 @@ sidebar_position: 1
 tags: [html, web-development, semantic-html]
 description: "In this tutorial, you will learn about semantic HTML and how it can improve the accessibility, search engine optimization (SEO), and maintainability of your web pages."
 keywords: [semantic html, semantic html elements, semantic html tags, semantic html benefits, semantic html importance]
-hide_table_of_contents: true
 ---
 
 Semantic HTML refers to HTML that introduces meaning to the web page rather than just presentation. Using semantic tags gives the web page a structured and meaningful layout, which helps search engines to index the page better and improves accessibility for users with assistive technologies.