HTML_Playground/VideoCompilationPage.html at main · TorresTorresMJ/HTML_Playground · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Video Compilation Page</title>
</head>

<body>
    <main>
        <h1> Front End Development </h1>
        <p> In the Websites coding we have on one hand the Front End Development, which is the one that involves the interface, style, and everything that can be seen and use for the user.  </p>

        <section>
         <h2> HTML </h2>
         <p> HTML, or HyperText Markup Language, forms the backbone of web pages by defining their basic structure and layout. It uses a series of elements to display text, images, lists, tables, and other static content on a web page. Check more at freecodecamp Youtube Channel </p>
         <iframe
         src="https://www.youtube.com/watch?v=GDGejH3SDNQ"
         title="HTML & Coding Introduction"
         height="220"
         width="320">
         </iframe>
        </section>

        <section>
         <h2> CSS </h2>
         <p> CSS, or Cascading Style Sheets, is used to control the visual presentation of HTML elements on a web page. It allows for customized styling, including colors, fonts, layouts, and spacing, making websites visually appealing. CSS also supports responsive design, ensuring web pages look good on all devices. </p>
         <iframe
         src="https://www.youtube.com/watch?v=OXGznpKZ_sA&embeds_referring_euri=https%3A%2F%2Fwww.freecodecamp.org%2F"
         title="CSS Tutorial"
         height="220"
         width="320">
         </iframe>
        </section>

        <section>
          <h2> JavaScript </h2>
          <p> JavaScript is a programming language that adds interactivity to static web pages, enabling dynamic content updates, form validations, animations, and responsive behaviors based on user interactions and events. </p>
            <iframe
            src="https://www.youtube.com/watch?v=jS4aFq5-91M"
            title="JavaScript Programming"
            height="220"
            width="320">
            </iframe>
        </section>
    </main>
</body>
</html>