Skip to content

assignment-01.md

Latest commit

 

History

History
122 lines (85 loc) · 1.79 KB

assignment-01.md

File metadata and controls

122 lines (85 loc) · 1.79 KB

Assignment 01 — HTML Fundamentals

Objective

The objective of this assignment is to practice basic HTML concepts by creating an HTML document that resembles a GitHub README file.

This assignment focuses on structure, semantics, and linking, not styling.

What Was Implemented

The following concepts were used in this assignment:

  • HTML document structure
  • Headings and paragraphs
  • Lists and nested lists
  • Anchor tags
  • Anchoring to same page sections
  • Linking to other files
  • Basic formatting tags

HTML Structure Used

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  Content goes here
</body>
</html>

Important

<!DOCTYPE html> declares the document as HTML5.

Elements & Tags

Paired Tags

<p>Paragraph</p>
<h1>Main Heading</h1>

Self-closing Tags

<br />
<hr />
<img />

Note

Self-closing tags do not contain content.

Lists

Unordered List

<ul>
  <li>Item One</li>
  <li>Item Two</li>
</ul>

Nested List

<ul>
  <li>Main Item
    <ul>
      <li>Sub Item</li>
    </ul>
  </li>
</ul>

Anchor Tags

Same Page Linking

<a href="#section-id">Go to Section</a>

<h2 id="section-id">Target Section</h2>

Linking to Another File

<a href="about-me.html">About Me</a>

Important

href value must match the target id.

Development Environment

Tool Usage
Visual Studio Code Writing HTML
Live Server Local testing
Web Browser Rendering HTML

Implementation Reference

HTML file:

Assignment-01/index.html

Tip

This document explains what and why. The actual code demonstrates how.