Interactive Desig HTML Exercise: Simple Personal Profile Page
ZHOU XINYI / 0378623
Interactive Design
Bachelor of Design (Hons) in Creative Media
1.Instructions
2.HTML Exercise: Simple Personal Profile Page
Objective
Create a single HTML file that serves as a basic "About Me" or personal profile page. This exercise is designed to test your understanding of core HTML document structure and fundamental elements.
Task
Create one file named index.html. When opened in a web browser, this file must display a simple page about you correctly.
Your index.html file must include the following elements:
Basic Document Structure:Correctly use the <!DOCTYPE html>, <html>, <head>, and <body> tags.
Page Title:Add a descriptive title inside the <head> using the <title> tag (e.g., "My Awesome Profile").
Main Heading:Use an <h1> tag for your name or the page's main topic.
Sub-Heading:Use an <h2> tag to create a section heading (e.g., "My Hobbies" or "Favorites").
Paragraph Text:Write at least two descriptive paragraphs using the <p> tag.
Ordered List:Create a numbered list (using <ol> and <li>) with at least three items (e.g., your top 3 favorite books, movies, or foods).
Unordered List:Create a bulleted list (using <ul> and <li>) with at least three items (e.g., your skills, goals, or contact methods).
Submission Requirement:
Submit your e-portfolio link. Attach the HTML file to your e-portfolio.
Be creative and fun
Fig2.1.1Website Page
Final Work:
3.Feedback
week3：In this class, the professor taught us how to create our own website and introduced some basic coding. We completed a simple webpage in class and included a brief self-introduction on it. Later, when the professor reviewed my work, they found some mistakes and showed me how to correct them.
week4：The teacher explained to us how to use DW software to create a simple webpage in class and gave us time to practice on our own.
week5：The teacher taught us how to create a new site and how to add images and our preferred background to the webpage to make it look more beautiful.
Comments
Post a Comment