Module 1: HTML - Practical Based Assignment (Topic 1:1 - 1:5)
Assignment Title: Building a Personal Portfolio Website
Objective:
The objective of this assignment is to apply the concepts learned in Module 1: HTML to create a personal portfolio website. This assignment will help students reinforce their understanding of HTML basics, including basic formatting, grouping elements, and creating lists.
Assignment Tasks:
- Web Programming Introduction:
- Research and write a brief introduction to web programming, highlighting its importance, basic concepts, and common technologies used.
- Include this introduction on the homepage of your portfolio website.
- HTML Introduction:
- Write a comprehensive introduction to HTML, explaining its role in web development, basic syntax, and its importance in creating web pages.
- Include this introduction as a separate section on your portfolio website.
- HTML Basic Formatting Tags:
- Create a webpage that demonstrates the use of basic HTML formatting tags, including headings, paragraphs, bold, italic, underline, and line breaks.
- Use different formatting tags to showcase your skills in creating well-structured content.
- HTML Grouping Using Div Span:
- Design a section of your portfolio website that showcases your skills and expertise using HTML grouping elements such as <div> and <span>.
- Use <div> to structure different sections of your website, such as header, main content, and footer.
- Use <span> to highlight specific elements within your content, such as keywords or important points.
- HTML Lists:
- Create a page on your portfolio website that presents your skills, achievements, or projects using HTML lists.
- Use ordered lists (<ol>) to list your skills or achievements in order of importance or proficiency.
- Use unordered lists (<ul>) to showcase your projects or accomplishments in a visually appealing manner.
- Optionally, use definition lists (<dl>) to provide additional details or descriptions for each skill or project listed.