[Edit] HTML: src (#6613)

* [Edit] HTML: src

* Add files via upload

* fixed lint and format

* Update content/html/concepts/attributes/terms/src/src.md

* Update content/html/concepts/attributes/terms/src/src.md

* Update content/html/concepts/attributes/terms/src/src.md

* Format FIxes

---------

Author: mamtawardhani

content/html/concepts/attributes/terms/src/src.md

@@ -18,9 +18,17 @@ The **`src`** attribute specifies the location of a digital source, which is typ
 ## Syntax
 
 ```pseudo
-<element  src="url">
+<element src="URL_or_file_path">
 ```
 
+**Parameters:**
+
+- `src`: Specifies the location of the resource. This can be a URL (absolute or relative) or a file path pointing to the resource.
+
+**Return value:**
+
+The `src` attribute doesn’t "return" anything as it's not a function or method but an attribute. Instead, it points to a digital source (e.g., image, video, audio, etc.) and instructs the browser to load that resource into the HTML element.
+
 `src` can also be used in the following elements:
 
 | HTML Tag                                                                     | Description                                                                       |
@@ -32,7 +40,7 @@ The **`src`** attribute specifies the location of a digital source, which is typ
 | [`<track>`](https://www.codecademy.com/resources/docs/html/elements/track)   | Specifies the subtitles and closed captions for `<audio>` and `<video>` elements. |
 | [`<video>`](https://www.codecademy.com/resources/docs/html/elements/video)   | Embeds movie clips or other video sources into an HTML file.                      |
 
-## Example 1: Image
+## Example 1: Displaying an Image
 
 The following code snippet below shows how the `<img>` element uses the `src` attribute to display an image called `logo.png`:
 
@@ -46,9 +54,9 @@ This will display the following image:
 
 > **Note:** When using online images or images from the folders in an IDE workspace, always add `alt` text at the end of the `<img>` element just in case the browser has trouble finding them.
 
-## Example 2: Video
+## Example 2: Embedding an External Video
 
-The example below shows how a [video](https://www.codecademy.com/resources/docs/html/videos) element uses the `src` attribute in an embedded `<source>` element to display a video called `codey.mp4`:
+The example below shows how a [video](https://www.codecademy.com/resources/docs/html/videos) element uses the `src` attribute in an embedded `<source>` element to display a video called `codey.mp4` from an external source:
 
 ```html
 <video controls autoplay muted width="560" height="315">
@@ -57,8 +65,44 @@ The example below shows how a [video](https://www.codecademy.com/resources/docs/
 </video>
 ```
 
-The gif below shows how the video would be displayed:
+The gif here shows how the video would be displayed:
 
 ![HTML src attribute gif](https://raw.githubusercontent.com/Codecademy/docs/main/media/html-src-attribute-video.gif)
 
-> **Note:** This example demonstrates how to display a video from a local source. To display a video from an external source, such as YouTube, use the [`<iframe>`](https://www.codecademy.com/resources/docs/html/elements/iframe) element to embed videos from these platforms.
+## Example 3: YouTube Video Embedding using `iframe` element
+
+Here’s an example of embedding a YouTube video using the [`iframe`](https://www.codecademy.com/resources/docs/html/elements/iframe) element:
+
+```html
+<iframe
+  width="560"
+  height="315"
+  src="https://www.youtube.com/embed/0QHaxrUkSEU?list=PLFzsFUO-y0HCyF0smKSi0WMhbMR2mqz2V"
+  frameborder="0"
+  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+  allowfullscreen
+></iframe>
+```
+
+The following gif showcases how the output of this code would look like:
+
+![HTML YouTube embedded video output gif](https://raw.githubusercontent.com/Codecademy/docs/main/media/youtube-embedded-video-output.gif)
+
+In this example, an embedded YouTube video is added to the webpage using the `iframe` element. The `src` attribute in the `<iframe>` tag contains the YouTube video URL, which points to the embedded version of the video.
+
+## Frequently Asked Questions
+
+### 1. What is the difference between URL and `src` in HTML?
+
+- **URL (Uniform Resource Locator)**: A URL is the address of a resource on the Internet. It specifies the location of a resource (like an image, video, or webpage) using a protocol (e.g., `http://`, `https://`, `ftp://`) followed by the resource's location.
+- **`src` (Source) Attribute**: The `src` attribute in HTML specifies the source location of embedded content (such as an image, video, or audio file). It points to a resource's URL or a local file path. The `src` attribute itself does not define a location on its own, but instead uses a URL to point to the location of an external or internal resource.
+
+### 2. When to use `src` in HTML?
+
+You use the `src` attribute when you want to embed external or internal content into an HTML page. Common scenarios include:
+
+- **Images**: To display an image using the `<img>` tag.
+
+  ```html
+  <img src="image.jpg" alt="Image description" />
+  ```