fix: add missing resource links to HTML roadmap content (#10133)

src/data/roadmaps/html/content/case-insensitivity@qXcn_AGcGWjT8GgjaW5WN.md

@@ -1,3 +1,9 @@
 # Case Insensitivity
 
-HTML isn't picky about capitalization. You can write tags and attributes using uppercase, lowercase, or a mix of both. For example, `<html>`, `<HTML>`, and `<Html>` all work the same way. While browsers understand all these variations, it's generally considered good practice to stick to lowercase for better readability and consistency in your code.
+HTML isn't picky about capitalization. You can write tags and attributes using uppercase, lowercase, or a mix of both. For example, `<html>`, `<HTML>`, and `<Html>` all work the same way. While browsers understand all these variations, it's generally considered good practice to stick to lowercase for better readability and consistency in your code.
+
+Visit the following resources to learn more:
+
+- [@article@HTML Style Guide - Capitalization](https://developer.mozilla.org/en-US/docs/Web/HTML/HTML5/HTML5_notes)
+- [@article@HTML Case Sensitivity Explained](https://www.w3schools.com/html/html5_syntax.asp)
+- [@article@What is Case Sensitivity in HTML?](https://www.educative.io/answers/what-is-case-sensitivity-in-html)

src/data/roadmaps/html/content/grouping-text@Wu3oW_gnjKTYV8QJHdNxi.md

@@ -1,3 +1,9 @@
 # Grouping Text
 
-`<div>` and `<span>` are HTML elements used to group other elements together. The `<div>` element is a block-level element, meaning it creates a distinct block on the page and typically starts on a new line. It's often used for larger structural groupings. The `<span>` element, on the other hand, is an inline element, meaning it flows within the surrounding text and doesn't create a new line. It's useful for styling or manipulating specific portions of text without disrupting the overall layout.
+`<div>` and `<span>` are HTML elements used to group other elements together. The `<div>` element is a block-level element, meaning it creates a distinct block on the page and typically starts on a new line. It's often used for larger structural groupings. The `<span>` element, on the other hand, is an inline element, meaning it flows within the surrounding text and doesn't create a new line. It's useful for styling or manipulating specific portions of text without disrupting the overall layout.
+
+Visit the following resources to learn more:
+
+- [@article@The Div element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div)
+- [@article@The Span element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span)
+- [@article@HTML Div vs Span - Differences](https://www.freecodecamp.org/news/span-vs-div-html-tags-what-is-the-difference/)

src/data/roadmaps/html/content/standard-attributes@xgw2ux-2Poml1fjWxjFsu.md

@@ -1,3 +1,9 @@
 # Standard Attributes
 
-Standard attributes are properties that can be used on almost all HTML elements to provide additional information or functionality. These attributes control things like element styling, identification, accessibility, and event handling, allowing you to modify how elements behave and interact within a webpage. They offer a consistent way to manage common element characteristics across different browsers and devices.
+Standard attributes are properties that can be used on almost all HTML elements to provide additional information or functionality. These attributes control things like element styling, identification, accessibility, and event handling, allowing you to modify how elements behave and interact within a webpage. They offer a consistent way to manage common element characteristics across different browsers and devices.
+
+Visit the following resources to learn more:
+
+- [@article@HTML Global Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes)
+- [@article@HTML Attributes Reference](https://www.w3schools.com/tags/ref_attributes.asp)
+- [@article@Understanding HTML Attributes](https://www.freecodecamp.org/news/html-attributes-and-how-to-use-them/)

src/data/roadmaps/html/content/textual-tags@ksKI4TDz4_9IcmNORczWo.md

@@ -1,3 +1,9 @@
 # Textual Tags
 
-Textual tags in HTML are used to structure and format text content on a webpage. They define how text should appear, whether it's a paragraph, heading, emphasized word, or a quoted section. These tags provide semantic meaning to the text, helping browsers and search engines understand the content's organization and purpose.
+Textual tags in HTML are used to structure and format text content on a webpage. They define how text should appear, whether it's a paragraph, heading, emphasized word, or a quoted section. These tags provide semantic meaning to the text, helping browsers and search engines understand the content's organization and purpose.
+
+Visit the following resources to learn more:
+
+- [@article@HTML Text Formatting Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/text-level_semantics)
+- [@article@HTML Text Tags Overview](https://www.w3schools.com/html/html_formatting.asp)
+- [@article@Semantic HTML for Text](https://www.freecodecamp.org/news/semantic-html5-elements/)