I need help making an html website

Joined
Aug 2, 2023
Messages
1
Reaction score
0
I need help making a website. I'm trying to make a website in Visual Studio Code, but whenever I test it, it shows me the html code. I am tearing my hair out at this point. Can someone help me?

HTML:
<!DOCTYPE html>
<html>
<head>
  <title>Furryopolis</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <img src="logo.png" alt="Furryopolis logo">
    <nav>
      <a href="#home">Home</a>
      <a href="#profile">Profile</a>
      <a href="#friends">Friends</a>
      <a href="#groups">Groups</a>
      <a href="#messages">Messages</a>
    </nav>
  </header>
  <main>
    <section id="home">
      <h1>Welcome to Furryopolis</h1>
      <p>Furryopolis is a social media platform for furries. Here, you can connect with other furries, share your fursona, and join groups that interest you.</p>
      <section id="post">
        <h2>Post a photo or video</h2>
        <form action="#">
          <input type="file" name="photo">
          <input type="submit" value="Post">
        </form>
      </section>
      <section id="comments">
        <h2>Comments</h2>
        <ul>
          <li>
            <span>User1</span>: This is a great photo!
          </li>
          <li>
            <span>User2</span>: I love your fursona!
          </li>
        </ul>
      </section>
    </section>
    <section id="profile">
      <h2>Your Profile</h2>
      <p>This is your profile. Here, you can edit your profile information, view your posts, and see your friends list.</p>
      <section id="settings">
        <h2>Settings</h2>
        <p>Here you can change your theme and password.</p>
        <input type="radio" name="theme" value="light" checked> Light Theme
        <input type="radio" name="theme" value="dark"> Dark Theme
        <input type="password" name="password" placeholder="New Password">
        <input type="submit" value="Save">
      </section>
    </section>
    <section id="friends">
      <h2>Your Friends</h2>
      <p>This is a list of your friends. You can view their profiles, send them messages, and join groups with them.</p>
    </section>
    <section id="groups">
      <h2>Groups</h2>
      <p>This is a list of groups that you're a member of. You can view the group's posts, join discussions, and meet other furries who share your interests.</p>
    </section>
    <section id="messages">
      <h2>Messages</h2>
      <p>This is a list of your messages. You can read and reply to messages from your friends.</p>
    </section>
  </main>
  <footer>
    &copy; 2023 Furryopolis
  </footer>
</body>
</html>
 

Attachments

  • 88876eb0-c326-4bbc-8ee4-e4999eb16a1e.png
    88876eb0-c326-4bbc-8ee4-e4999eb16a1e.png
    45.9 KB · Views: 7

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,717
Messages
2,569,381
Members
44,700
Latest member
GusDuterra

Latest Threads

Top