INTERACTIVE DESIGN - EXERCISE 2: HTML PROFILE PAGE


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

Nicole Ng Ying Yan  0382412

GCD60904 Interactive Design

Exercise 2: Simple HTML Personal Profile Page


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 REFLECTION

This exercise was surprisingly fun, probably because it focused only on the basics which makes it easier. Coding felt confusing at first, but I get more intrigued as I code like a snowball effect. I'm looking forward to exploring more complex coding concepts.



Comments

Popular Posts