From c49522b7f46acdac94d63fd041c4488d7455fca8 Mon Sep 17 00:00:00 2001 From: Ajay-Dhangar Date: Tue, 7 Jan 2025 19:09:41 +0530 Subject: [PATCH] added content for Text Formatting --- docs/html/lists/definition-lists.md | 2 +- docs/html/lists/list-intro.md | 92 ++++++ docs/html/lists/list-item-attributes.md | 2 +- docs/html/lists/ordered-lists.md | 2 +- docs/html/lists/unordered-lists.md | 2 +- docs/html/text-formatting/headings.md | 295 ++++++------------- docs/html/text-formatting/paragraphs.md | 262 ++++++++-------- docs/html/text-formatting/text-formatting.md | 292 +++++++++++------- static/icons/adobe.png | Bin 0 -> 1862 bytes static/icons/amazon.png | Bin 0 -> 2701 bytes static/icons/apple.png | Bin 0 -> 2397 bytes static/icons/facebook_icon.svg | 6 + static/icons/flipkart.png | Bin 0 -> 2282 bytes static/icons/google.png | Bin 0 -> 2662 bytes static/icons/linkedin_social_icon.svg | 10 + static/icons/meta.png | Bin 0 -> 2862 bytes static/icons/mircosoft.png | Bin 0 -> 1735 bytes static/icons/netflix.png | Bin 0 -> 2482 bytes static/icons/ola.png | Bin 0 -> 3154 bytes static/icons/twitter_icon.svg | 6 + static/img/background-profile.png | Bin 0 -> 112467 bytes 21 files changed, 517 insertions(+), 454 deletions(-) create mode 100644 docs/html/lists/list-intro.md create mode 100644 static/icons/adobe.png create mode 100644 static/icons/amazon.png create mode 100644 static/icons/apple.png create mode 100644 static/icons/facebook_icon.svg create mode 100644 static/icons/flipkart.png create mode 100644 static/icons/google.png create mode 100644 static/icons/linkedin_social_icon.svg create mode 100644 static/icons/meta.png create mode 100644 static/icons/mircosoft.png create mode 100644 static/icons/netflix.png create mode 100644 static/icons/ola.png create mode 100644 static/icons/twitter_icon.svg create mode 100644 static/img/background-profile.png diff --git a/docs/html/lists/definition-lists.md b/docs/html/lists/definition-lists.md index c5a9bc62f..0c325f300 100644 --- a/docs/html/lists/definition-lists.md +++ b/docs/html/lists/definition-lists.md @@ -2,7 +2,7 @@ id: definition-lists title: Mastering Definition Lists in HTML sidebar_label: Definition Lists -sidebar_position: 3 +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. --- diff --git a/docs/html/lists/list-intro.md b/docs/html/lists/list-intro.md new file mode 100644 index 000000000..6d0e88dbf --- /dev/null +++ b/docs/html/lists/list-intro.md @@ -0,0 +1,92 @@ +--- +id: list-intro +title: "HTML Lists Introduction" +sidebar_label: "List" +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] +--- + +Lists are an essential part of web development, allowing you to organize and present information in a structured format. Whether you're creating a simple to-do list or a complex glossary, HTML provides several types of lists to suit your needs. In this tutorial, we'll explore the three main types of lists in HTML: unordered lists, ordered lists, and definition lists. By the end, you'll have a solid understanding of how to use lists effectively in your web projects. + + + +## What Are Lists in HTML? + +Lists in HTML are used to display a collection of items in a structured format. They are particularly useful for presenting information in a clear and organized manner. HTML provides three main types of lists: + +1. **Unordered Lists (`