Week 1 Day 2: HTML Introduction

2025-12-17 16:00:05 +05:30
parent 0b17315d53
commit f834744e2a
4 changed files with 123 additions and 0 deletions
--- a/Week-1/Day-2/Readme.md
+++ b/Week-1/Day-2/Readme.md
@@ -0,0 +1,27 @@
+# Day 2 – HTML Basic Tutorial
+
+## 📅 Date
+16 December 2025
+
+## 🎯 Objective
+To learn HTML basics
+
+## 📘 Topics Covered
+- What HTML is and how it works
+- Markup structure of an HTML page
+- Headings and paragraphs
+- Text formatting
+- Images and links
+- Lists
+- Tables
+
+## 🛠️ Files Included
+- `html-tutorial-basics.md` – Notes file summarizing HTML basics
+- `example.html` – Practice HTML file demonstrating concepts
+- `image.jpg` - Image used in example.html
+
+## 🧠 Learning Outcome
+Learned how to create a basic HTML page with different elements like headings, images, links, lists, tables, and form inputs.
+
+## 🚀 Status
+Completed
--- a/Week-1/Day-2/example.html
+++ b/Week-1/Day-2/example.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>HTML Basics Practice</title>
+</head>
+<body>
+    <h1>HTML Basics</h1>
+
+    <p>This example shows basic HTML tags.</p>
+
+    <h2>Text Formatting</h2>
+    <strong>Bold text</strong>
+    <em>Italic text</em>
+
+    <h2>Image</h2>
+    <img src="image.jpg" alt="Sample Image">
+
+    <h2>Link</h2>
+    <a href="https://www.google.com/">Google</a>
+
+    <h2>List</h2>
+    <ul>
+        <li>Unordered list item</li>
+    </ul>
+    <ol>
+        <li>Ordered list item</li>
+    </ol>
+
+    <h2>Table</h2>
+    <table border="1">
+        <tr><th>Header</th></tr>
+        <tr><td>Cell</td></tr>
+    </table>
+
+</body>
+</html>
--- a/Week-1/Day-2/html-tutorial-basics.md
+++ b/Week-1/Day-2/html-tutorial-basics.md
@@ -0,0 +1,60 @@
+# HTML Tutorial Notes – Basic HTML Concepts
+
+## Introduction
+HTML stands for HyperText Markup Language and is the standard language used to create and structure content on the web. It tells a browser how to display content.
+
+## What is HTML?
+- HTML consists of tags that define structure.
+- Tags tell the browser what each part of the web page means.
+- Web pages are built using HTML, CSS, and JavaScript.
+
+## HTML Document Structure
+A basic HTML document looks like this:
+<!DOCTYPE html>
+<html>
+<head>
+  <title>My First Webpage</title>
+</head>
+<body>
+  <h1>Hello World</h1>
+</body>
+</html>
+
+## Headings & Paragraphs
+Headings: <h1> through <h6>
+Paragraph: <p>
+Example:
+<h1>Main Heading</h1>
+<p>This is a paragraph</p>
+
+## Text Formatting
+Common text formatting tags:
+<strong> – Bold text
+<em> – Italic text
+<u> – Underline
+Example:
+<strong>This is important</strong>
+
+## Images
+Images are shown using the <img> tag
+Example:
+<img src="image.jpg" alt="Description">
+
+## Links
+Links use the <a> tag
+Example:
+<a href="https://www.google.com/">Google</a>
+
+## Lists
+Unordered (bullets) and ordered (numbers)
+Example:
+<ul><li>Item 1</li></ul>
+<ol><li>First item</li></ol>
+
+## Tables
+Used to display data in rows and columns
+Example:
+<table>
+  <tr><th>Header</th></tr>
+  <tr><td>Data</td></tr>
+</table>
--- a/Week-1/Day-2/image.jpg
+++ b/Week-1/Day-2/image.jpg