Merge pull request #250 from Ajay-Dhangar/version-upadate

Version upadate

docs/dsa/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "DSA",
-    "position": 6,
-    "link": {
-      "type": "generated-index",
-      "description": "Data Structures and Algorithms are the building blocks of computer science. This section will help you to prepare for your interviews and competitive programming."
-    }
-  }
+  "label": "DSA",
+  "position": 10,
+  "link": {
+    "type": "generated-index",
+    "description": "Data Structures and Algorithms are the building blocks of computer science. This section will help you to prepare for your interviews and competitive programming."
+  }
+}

docs/html/_category_.json

@@ -0,0 +1,8 @@
+{
+  "label": "HTML",
+  "position": 4,
+  "link": {
+    "type": "generated-index",
+    "description": "JavaScript is a programming language that enables you to create dynamically updating content, control multimedia, animate images, and much more. In this tutorial, you'll learn the basics of JavaScript and how to use it to create interactive web experiences."
+  }
+}

docs/html/how-html-works.md

@@ -0,0 +1,102 @@
+---
+id: how-html-works
+title: How HTML Works
+sidebar_label: How HTML Works
+sidebar_position: 2
+tags:
+  [
+    html,
+    how-html-works,
+    web-development,
+    markup-language,
+    web-pages,
+    elements,
+    structure,
+    content,
+    hyperlink,
+    italicize,
+    font,
+    bigger,
+    smaller,
+    tutorial,
+  ]
+description: In this tutorial, you will learn how HTML works, How do websites work? What is a Web Browser? What is a Web Server? How does the Internet work? How does HTML work? Learn about HTML in this tutorial.
+---
+
+In this tutorial, you will learn about how HTML works, How do websites work? What is a Web Browser? What is a Web Server? How does the Internet work? How does HTML work? Learn about HTML in this tutorial.
+
+## How Do Websites Work?
+
+A website is a collection of web pages that are stored on a web server and can be accessed by a web browser. Websites are typically accessed by typing in a URL (Uniform Resource Locator) into the address bar of a web browser. The web browser then sends a request to the web server, which responds by sending the web page back to the browser. The browser then displays the web page to the user.
+
+## What is a Web Browser?
+
+A web browser is a software application that is used to access and view websites on the World Wide Web. Web browsers are designed to interpret and display web pages that are written in HTML, CSS, and JavaScript. Some popular web browsers include Google Chrome, Mozilla Firefox, Microsoft Edge, and Safari.
+
+## What is a Web Server?
+
+A web server is a computer that stores and serves web pages to clients over the Internet. When a user types in a URL into a web browser, the browser sends a request to the web server, which then responds by sending the web page back to the browser. Web servers are typically used to host websites and web applications.
+
+## How Does the Internet Work?
+
+The Internet is a global network of interconnected computers that communicate with each other using a set of protocols. When you type in a URL into a web browser, the browser sends a request to a Domain Name System (DNS) server, which translates the URL into an IP address. The browser then sends a request to the web server, which responds by sending the web page back to the browser.
+
+## How Does HTML Work?
+
+HTML (HyperText Markup Language) is the standard markup language for creating web pages. 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.
+
+HTML is a markup language that defines the structure of your content. 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.
+
+HTML elements are delineated by tags, written using angle brackets. Tags such as `<img src="image.jpg" alt="image" />` and `<input type="text" />` directly introduce content into the page. Other tags such as `<p>` surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.
+
+HTML can be used in a lot of different ways. Here are a few examples:
+
+### 1. HTML Can Create a Web Page
+
+Now, let's create a simple HTML page. Here is an example of a simple HTML page:
+
+<Tabs>
+<TabItem value="in the code editor (vscode)" label="in the code editor (vscode)">
+```html title="index.html"
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Page Title</title>
+  </head>
+  <body>
+
+    <h1>This is a Heading</h1>
+    <p>This is a paragraph.</p>
+
+  </body>
+</html>
+```
+</TabItem>
+
+<TabItem value="in the browser (chrome)" label="in the browser (chrome)">
+<BrowserWindow minHeight="300px" url="http://127.0.0.1:5500/index.html">
+    <h1>This is a Heading</h1>
+    <p>This is a paragraph.</p>
+</BrowserWindow>
+</TabItem>
+</Tabs>
+
+## Key Points
+
+- A website is a collection of web pages that are stored on a web server and can be accessed by a web browser.
+- A web browser is a software application that is used to access and view websites on the World Wide Web.
+- A web server is a computer that stores and serves web pages to clients over the Internet.
+- The Internet is a global network of interconnected computers that communicate with each other using a set of protocols.
+- HTML (HyperText Markup Language) is the standard markup language for creating web pages.
+- 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.
+- HTML elements are delineated by tags, written using angle brackets.
+
+:::tip Next Steps
+
+Now that you have learned about how HTML works, you can start creating your own web pages using HTML. Check out the [HTML Tutorial](/docs/category/html) to learn more about HTML elements, tags, and how to create web pages.
+
+:::
+
+## Conclusion
+
+In this tutorial, you learned about how HTML works, How do websites work? What is a Web Browser? What is a Web Server? How does the Internet work? How does HTML work? You also learned about HTML elements, tags, and how to create a simple HTML page. HTML is an essential part of the web platform and is used to create the structure of web pages.

docs/html/intro-html.md

@@ -0,0 +1,154 @@
+---
+id: intro-html
+title: Introduction to HTML
+sidebar_label: Intro to HTML
+sidebar_position: 1
+tags:
+  [
+    html,
+    introduction,
+    web-development,
+    markup-language,
+    web-pages,
+    elements,
+    structure,
+    content,
+    hyperlink,
+    italicize,
+    font,
+    bigger,
+    smaller,
+    tutorial,
+  ]
+description: What is HTML? Why HTML? How to use HTML? history of HTML? Learn about HTML in this tutorial.
+---
+
+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, which 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.
+
+> HTML is a markup language that defines the structure of your content. 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.
+
+## What is HTML?
+
+HTML is a markup language that defines the structure of your content. 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.
+
+:::note
+
+## Key Points
+
+- 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, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way.
+
+:::
+
+## Why HTML?
+
+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, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way.
+
+For example, HTML elements can encapsulate text, images, or forms. HTML elements are delineated by tags, written using angle brackets. Tags such as `<img src="image.jpg" alt="image" />` and `<input type="text" />` directly introduce content into the page. Other tags such as `<p>` surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.
+
+## How to use HTML?
+
+HTML can be used in a lot of different ways. Here are a few examples:
+
+### 1. HTML Can Create a Web Page
+
+Now, let's create a simple HTML page. Here is an example of a simple HTML page:
+
+<Tabs>
+<TabItem value="in the code editor (vscode)" label="in the code editor (vscode)">
+```html title="index.html"
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Page Title</title>
+  </head>
+  <body>
+
+    <h1>This is a Heading</h1>
+    <p>This is a paragraph.</p>
+
+  </body>
+</html>
+```
+</TabItem>
+
+<TabItem value="in the browser (chrome)" label="in the browser (chrome)">
+<BrowserWindow minHeight="300px" url="http://127.0.0.1:5500/index.html">
+    <h1>This is a Heading</h1>
+    <p>This is a paragraph.</p>
+</BrowserWindow>
+</TabItem>
+</Tabs>
+
+### 2. HTML Can Create a Hyperlink
+
+HTML links are hyperlinks. You can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand.
+
+<Tabs>
+<TabItem value="in the code editor (vscode)" label="in the code editor (vscode)">
+```html title="index.html"
+<!DOCTYPE html>
+<html>
+  <body>
+
+    <h1>My First Heading</h1>
+    <p>My first paragraph.</p>
+
+    <a href="https://www.codeharborhub.live">This is a link of CodeHarborHub</a>
+
+  </body>
+</html>
+```
+</TabItem>
+
+<TabItem value="in the browser (chrome)" label="in the browser (chrome)">
+<BrowserWindow minHeight="300px" url="http://127.0.0.1:5500/index.html">
+    <h1>My First Heading</h1>
+    <p>My first paragraph.</p>
+    <a href="https://www.codeharborhub.live">This is a link of CodeHarborHub</a>
+</BrowserWindow>
+</TabItem>
+</Tabs>
+
+### 3. HTML Can Create an Italic Text
+
+HTML also defines special elements for defining text with a special meaning. HTML uses elements like `<b>` and `<i>` for formatting output, like bold or italic text.
+
+<Tabs>
+<TabItem value="in the code editor (vscode)" label="in the code editor (vscode)">
+```html title="index.html"
+<!DOCTYPE html>
+<html>
+  <body>
+
+    <h1>My First Heading</h1>
+    <p>This is normal text - <i>This is italic text</i>.</p>
+
+  </body>
+</html>
+```
+</TabItem>
+<TabItem value="in the browser (chrome)" label="in the browser (chrome)">
+
+<BrowserWindow minHeight="300px" url="http://127.0.0.1:5500/index.html">
+    <h1>My First Heading</h1>
+    <p>This is normal text - <i>This is italic text</i>.</p>
+</BrowserWindow>
+</TabItem>
+</Tabs>
+
+### And many more...
+
+HTML can be used in a lot of different ways. You can use HTML to create a web page, create a hyperlink, create an italic text, and many more. You can learn more about HTML in the [HTML Tutorial](/docs/category/html).
+
+## History of HTML
+
+HTML was created by <mark>Sir Tim Berners-Lee</mark> in late **1991** but was not released officially until **January 1993**. It was a simple text-based language used to create and format documents on the World Wide Web. HTML was originally developed to describe the structure of a document, such as headings, paragraphs, lists, and so on. HTML was never intended to contain tags for formatting a document. HTML was intended to define the structure of a document, such as headings, paragraphs, lists, and so on.
+
+> HTML was originally developed by <mark>Sir Tim Berners-Lee</mark> while at <mark>CERN</mark>, and it was released in **1991**. HTML was never intended to contain tags for formatting a document. HTML was intended to define the structure of a document, such as headings, paragraphs, lists, and so on.
+
+## Conclusion
+
+In this tutorial, you learned about HTML, why HTML, how to use HTML, and many more. 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, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. HTML can be used in a lot of different ways. You can use HTML to create a web page, create a hyperlink, create an italic text, and many more. You can learn more about HTML in the [HTML Tutorial](/docs/category/html).

docs/javascript/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "JavaScript",
-    "position": 4,
-    "link": {
-      "type": "generated-index",
-      "description": "JavaScript is a programming language that enables you to create dynamically updating content, control multimedia, animate images, and much more. In this tutorial, you'll learn the basics of JavaScript and how to use it to create interactive web experiences."
-    }
-  }
+  "label": "JavaScript",
+  "position": 6,
+  "link": {
+    "type": "generated-index",
+    "description": "JavaScript is a programming language that enables you to create dynamically updating content, control multimedia, animate images, and much more. In this tutorial, you'll learn the basics of JavaScript and how to use it to create interactive web experiences."
+  }
+}

docs/react/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "React",
-    "position": 5,
-    "link": {
-      "type": "generated-index",
-      "description": "React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies."
-    }
-  }
+  "label": "React",
+  "position": 7,
+  "link": {
+    "type": "generated-index",
+    "description": "React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies."
+  }
+}

docs/typescript/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "TypeScript",
-    "position": 7,
-    "link": {
-      "type": "generated-index",
-      "description": "TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It is developed and maintained by Microsoft."
-    }
-  }
+  "label": "TypeScript",
+  "position": 9,
+  "link": {
+    "type": "generated-index",
+    "description": "TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It is developed and maintained by Microsoft."
+  }
+}

sidebars.js

@@ -1,14 +1,44 @@
-
 // @ts-check
 
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
-  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
-  dsa: [{ type: 'autogenerated', dirName: 'dsa', }],
-  javascript: [{ type: 'autogenerated', dirName: 'javascript', }],
-  typescript: [{ type: 'autogenerated', dirName: 'typescript', }],
-  react: [{ type: 'autogenerated', dirName: 'react', }],
-  python: [{ type: 'autogenerated', dirName: 'python', }],
+  tutorialSidebar: [{ type: "autogenerated", dirName: "." }],
+  dsa: [
+    {
+      type: "autogenerated",
+      dirName: "dsa",
+    },
+  ],
+  html: [
+    {
+      type: "autogenerated",
+      dirName: "html",
+    },
+  ],
+  javascript: [
+    {
+      type: "autogenerated",
+      dirName: "javascript",
+    },
+  ],
+  typescript: [
+    {
+      type: "autogenerated",
+      dirName: "typescript",
+    },
+  ],
+  react: [
+    {
+      type: "autogenerated",
+      dirName: "react",
+    },
+  ],
+  python: [
+    {
+      type: "autogenerated",
+      dirName: "python",
+    },
+  ],
 };
 
 export default sidebars;