# Activity 18: Research HTML

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Research HTML</title>
</head>
<body>

    <header>
        <h1>Activity 18: Research HTML</h1>
          <p>This is the Activity 18</p>
    </header>

    <article>
      

      <br><br> <hr>
            <h2>LIST OF PROGRAMMING LANGUAGES AND SOME OF THEIR FRAMEWORKS</h2>
          <nav>
            <ol>
              <li>
                Javascript
                <ul>
                  <li>React</li>
                  <li>Angular</li>
                  <li>Vue.js</li>
                  <li>Next.js</li>
                </ul>  
              </li>

              <li>
                Python
                <ul>
                  <li>Django</li>
                  <li>Flask</li>
                  <li>FastAPI</li>
                  <li>Pyramid</li>
                </ul>  
              </li>

              <li>
                PHP
                <ul>
                  <li>Laravel</li>
                  <li>Symfony</li>
                  <li>CodeIgniter</li>
                </ul>  
              </li>

              <li>
                C#
                <ul>
                  <li>ASP.NET Core</li>
                  <li>Blazor</li>
                  <li>Entity Framework</li>
                </ul>  
              </li>

              <li>
                C#
                <ul>
                  <li>Qt</li>
                  <li>Boost</li>
                  <li>Cinder</li>
                </ul>  
              </li>
            </ol>
          </nav>
          
    </article>

    <br><br><hr>

    <section>
        <table>
          <thead>
            <tr>
              <th> Language</th>
              <th>Creator's Name</th>
              <th>Year Created</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Javacript</td>
              <td>Brendan Eich</td>
              <td>1995</td>
            </tr>
            <tr>
              <td>Python</td>
              <td>Guido van Rossum</td>
              <td>1991</td>
            </tr>
            <tr>
              <td>PHP</td>
              <td>Rasmus Lerdorf</td>
              <td>1995</td>
            </tr>
            <tr>
              <td>C#</td>
              <td>Anders Hejlsberg</td>
              <td>2000</td>
            </tr>
            <tr>
              <td>C++</td>
              <td>Bjarne Stroustrup</td>
              <td>1985</td>
            </tr>
          </tbody>
        </table>
    </section>

    <hr>
    <footer>
      <p>&copy; 2024. Kelvin Russel Soliman.</p>
    </footer>
</body>
</html>
```

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727778823002/b8d5dd46-f29b-4ef7-88b2-8e032b1f961b.png align="center")

The code creates a simple webpage showcasing programming languages and their frameworks. It starts with a document type declaration and sets the language to English. In the `<head>`, the character encoding is set to UTF-8, and the title is "Research HTML."

The `<body>` includes a header with a main title and description. An article section presents an ordered list of programming languages, each followed by an unordered list of frameworks.

After a horizontal rule, a table provides information about the languages, including their creators and the years they were created. Finally, a footer displays a copyright notice for 2024, credited to Kelvin Russel Soliman. The structure is organized for clarity and ease of navigation.

*Repository :* [*https://github.com/thisisnotsnorlax/ReseachHTML*](https://github.com/thisisnotsnorlax/ReseachHTML)
