Interactive Design Exercise 2: HTML and CSS Development
Ameera Rihana binti Remy Ansara
Bachelor of (hons) in creative media
Exercise 2
INSTRUCTIONS
Lectures
Exercise 2
Week 3
Recap
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.
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).
__
For this week, we were instructed to do HTML exercise. For starters, we are using notepad for our first trial and basics. We were given some tags that were taught to us in the lecture session.
Note: "target_blank", will lead you to a new window tab when the link is clicked.
Fig 1.0 target_blank
Then, we were instructed to use CSS language to add certain features and make the webpage "About Me" with our own creativity and knowledge from guidance.
This is what I had within my progress:
Fig 1.1 webpage development
Fig 1.2 html / CSS file,txt
Comments
Post a Comment