INTERACTIVE DESIGN - Exercise 2 HTML
2025-2025(week - week)
FANN WONG JING EN｜0382237
Design Principles | Bachelor of Design (Honours) in Creative Media
GCD60904 Interactive design
TABLE OF CONTENT
MODULE INFORMATION BRIEF (MIB)
LECTURE NOTE
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).
TASK
During my first programming exercise, I strictly followed the teacher's example. My primary focus was understanding how HTML works and correctly using basic tags.
fig1.1 exercise 1 code- My First Webpage
For my second attempt, I decided to write the code independently. While still using the initial version as a reference, this time I incorporated personal creativity to make the work more distinctive. This endeavor was filled with creative joy, allowing for some innovative exploration.
fig1.2 exercise 2 code-JingEn's Profile
Comments
Post a Comment