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.
<!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:
- Save the above code in a file named
index.html. - Replace
path_to_your_image.jpgwith the actual file name and path of your personal photo. - Ensure the image file is in the same directory as your
index.htmlfile for it to display properly. - You can adjust the size of the photo by changing the
widthproperty in the<style>section.
4 answers