Module 1: HTML Practical Based Assignment 1

Module 1: HTML Practical Based Assignment 1

 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:

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.

Post a Comment

Previous Post Next Post