Project Activity 1: HTML Fundamentals
Project Activity 1: HTML Fundamentals
Creating a Personal Profile Page
For this homework project, you will create a personal profile page using HTML. The goal is to apply the HTML concepts covered in Lesson 2: HTML Fundamentals. Follow the steps below to complete the project:
Step 1: Create a new HTML file
Create a new HTML file using a text editor or an Integrated Development Environment (IDE) of your choice. Save the file with a meaningful name, such as “profile.html”.
Step 2: Set up the HTML structure
In the HTML file, set up the basic HTML structure by adding the doctype declaration, opening and closing html tags, head, and body sections.
Step 3: Build the header section
Inside the body section, create a header section for your profile page. Add a heading tag (h1, h2, etc.) to display your name or a catchy title.
Step 4: Add a profile image
Below the header section, insert an image tag using the <img> element. Set the source (src) attribute to the path of an image file of your choice. Use the alt attribute to provide a descriptive text for the image.
Step 5: Create a bio section
After the profile image, create a section to write a short bio about yourself. Use a paragraph tag <p> to write a brief introduction or description.
Step 6: Include a table
Below the bio section, create a table using the <table> element. Include at least two rows with two columns each. In the table, display information such as your age, location, or any other details you want to share.
Step 7: Add a link to your social media profiles
In the table or below it, include a link to one or more of your social media profiles. Use the <a> element to create a hyperlink. Set the href attribute to the URL of your social media profile, and provide a descriptive text for the link.
Step 8: Test your profile page
Save your HTML file and open it in a web browser. Test your profile page to ensure all sections and links are displayed correctly. Make any necessary adjustments to the layout or content if needed.