Հայերեն Русский

Homework 1: Building a Structured Webpage with HTML

Overview

This assignment will allow you to consolidate your knowledge of HTML by building a more complex webpage. You will apply your understanding of HTML structure, common elements and tags, semantic markup, and attributes.

Objectives

Requirements

Part 1: HTML Document Setup
  1. Create an HTML Document: Start by creating an HTML file named project.html. Ensure your document includes the basic HTML5 structure (<!DOCTYPE html>, <html>, <head>, and <body>).
  2. Head Section:
    • Include a <title> for your webpage.
    • Use <meta> tags to specify the character set and a description of the webpage.
Part 2: Webpage Content

  1. Header and Navigation:

    • Create a <header> section containing a website logo and a navigation bar using <nav> and <ul> with links to sections of your page (e.g., Home, About, Services).

  2. Main Content:

    • Use <main> to include the primary content.
    • Divide the main content into sections using <section> tags. Each section should have a relevant <h1> to <h6> heading and include several paragraphs (<p>).
    • Include a combination of images (<img> with src and alt attributes) and hyperlinks (<a> with href attributes).

  3. Lists and Additional Content:

    • Add an unordered list (<ul>) or ordered list (<ol>) with items (<li>) describing services or products.
    • Incorporate text formatting elements like <strong> and <em> to emphasize key points.

  4. Footer:

    • Add a <footer> containing copyright information, social media links (as <a> tags), and a brief contact information section.
Part 3: Semantic Structuring and Attributes

  1. Semantic Markup:

    • Use semantic elements like <article>, <aside>, and <footer> appropriately to structure the content.
    • Implement <div> tags where specific grouping is necessary for styling purposes (not covered in this lesson but important for overall structure).

  2. Attributes:

    • Use id and class attributes to help identify elements uniquely or as part of a group for hypothetical future CSS styling.
    • Ensure all <img> elements have alt attributes describing the image content, and all <a> tags include titles through title attributes.

Submission Guidelines

Evaluation Criteria

This assignment will help you practice creating structured and meaningful web content, setting a strong foundation for more advanced web development tasks.