INTERACTIVE DESIGN - EXERCISE 2
NAME: MIAO XINJUN
I.D: 0379525
SECTION: 02
Interactive Design | Bachelor of Design in Creative Media | Taylor's University
Exercise 2 - HTML Exercise: Simple Personal Profile Page
TABLE OF CONTENT
4. FEEDBACK
1. LECTURE
Week 2:
The professor explained the basic HTML language to us, as well as how to use it correctly to build a website:
Basic Document Structure: <!DOCTYPE html>, <html>, <head>, and <body>tags.
Page Title: <title>"content"</title> - inside<head></head>
Main Heading: <h1>"main heading"</h1>
Sub-Heading: <h2>"sub-heading"</h2>
ParagraphyText: <p>"information"</p>
List: <li>"information"</li> - inside <ol></ol> (ordered list) or <ul></ul> (unordered list)
2. INSTRUCTION:
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).
3. EXERCISE
According to the instructions, I completed this exercise using Textedit. Here are my simple personal profile page:
Comments
Post a Comment