INTERACTIVE DESIGN - EXERCISE 2: HTML PROFILE PAGE


13/10/25 - /10/25 (Week 4 - Week )

Nicole Ng Ying Yan  0382412

GCD60904 Interactive Design

Exercise 2: HTML Profile Page


TABLE OF CONTENTS

1.0 Exercise 2 - Simple HTML Personal Profile Page
2.0 Feedback
3.0 Reflection


1.0 EXERCISE 2 - Simple HTML Personal Profile Page

INSTRUCTIONS

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 "Favourites").
  • 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 favourite 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 url from Netlify.com to your e-portfolio.



Netlify link:

Fig. 2.1 TextEdit Code

2.0 FEEDBACK














3.0 REFLECTION






















Comments

Popular Posts