Question

Using the information provided in class and from your textbook, create a valid HTML page named index.html. Add the following information as the content to the web page,

An h1 tag with your name (10 pts) (use Mariyah Moore)
A div tag with your hometown and State name (e.g. Statesboro, GA) (10 pts) (use Atlanta, GA)
A p tag with the name of your high school (10 pts) (use Rockdale County High School)
A personal photo of yourself with appropriate size (make sure we can see your smiley face) (10 pts) - Don't forget to submit the image file with your index.html file
A p tag with an introduction of yourself beneath the photo (you can copy your introduction under Discussion) (10 pts) (Create an introduction based off the information I gave above)
There are no human answers yet.
Answered by GPT-4o mini
Here's a simple HTML page named `index.html` that includes all the required elements you've specified for your web page. Note that you'll need to replace the `src` attribute of the `<img>` tag with the actual path to your personal photo and ensure that the photo is named appropriately when you upload it alongside your HTML file.

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to My Page</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
img {
width: 150px; /* Adjust the size based on your preference */
height: auto;
border-radius: 75px; /* Makes the image circular */
}
</style>
</head>
<body>

<h1>Mariyah Moore</h1>

<div>Atlanta, GA</div>

<p>Rockdale County High School</p>

<img src="path_to_your_image.jpg" alt="A picture of Mariyah Moore">

<p>
Hello! My name is Mariyah Moore, and I am a student from Atlanta, GA. I attend Rockdale County High School, where I am actively involved in various extracurricular activities. I have a passion for learning and enjoy spending time with friends and family. My hobbies include reading, playing sports, and exploring new places. I am excited to share more about myself through this web page!
</p>

</body>
</html>
```

### Instructions:
1. Save the above code in a file named `index.html`.
2. Replace `path_to_your_image.jpg` with the actual file name and path of your personal photo.
3. Ensure the image file is in the same directory as your `index.html` file for it to display properly.
4. You can adjust the size of the photo by changing the `width` property in the `<style>` section.