Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Save Code
Ctrl+Alt+A
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>My Website</title> </head> <body> <!-- Site Header --> <header style="background:lightblue; padding:20px;"> <h1>My Website</h1> <nav> <a href="index.html">Home</a> | <a href="about.html">About</a> | <a href="contact.html">Contact</a> </nav> </header> <!-- Page Content --> <main style="padding:20px;"> <section> <h2 id="welcome">Welcome</h2> <p>Hi! This is my first website, built with HTML.</p> <img src="/images/profile.jpg" alt="Picture of me" width="200" height="200"> </section> <section> <h2 id="highlights">Highlights</h2> <p>I am practicing:</p> <ul> <li>Clean semantic structure</li> <li>Simple navigation and footer</li> <li><strong>Cant wait to use CSS to make this page really beautiful!</strong></li> </ul> </section> <section> <h2 id="skills">Skills</h2> <table border="1" cellpadding="8" style="border-collapse: collapse;"> <tr> <th>Skill</th> <th>Level</th> </tr> <tr> <td>HTML</td> <td>Beginner</td> </tr> <tr> <td>CSS</td> <td>Next up!</td> </tr> <tr> <td>JavaScript</td> <td>Coming soon</td> </tr> </table> </section> </main> <!-- Footer --> <footer style="background:lightblue; padding:20px; text-align:center;"> <p>Copyright 2025 My Website</p> </footer> </body> </html>
