diff --git a/Week-1/Day-2/Readme.md b/Week-1/Day-2/Readme.md new file mode 100644 index 0000000..19ed1b3 --- /dev/null +++ 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 \ No newline at end of file diff --git a/Week-1/Day-2/example.html b/Week-1/Day-2/example.html new file mode 100644 index 0000000..bdbc36d --- /dev/null +++ b/Week-1/Day-2/example.html @@ -0,0 +1,36 @@ + + + + HTML Basics Practice + + +

HTML Basics

+ +

This example shows basic HTML tags.

+ +

Text Formatting

+ Bold text + Italic text + +

Image

+ Sample Image + +

Link

+ Google + +

List

+ +
    +
  1. Ordered list item
  2. +
+ +

Table

+ + + +
Header
Cell
+ + + diff --git a/Week-1/Day-2/html-tutorial-basics.md b/Week-1/Day-2/html-tutorial-basics.md new file mode 100644 index 0000000..afa31d0 --- /dev/null +++ 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: + + + + My First Webpage + + +

Hello World

+ + + +## Headings & Paragraphs +Headings:

through

+Paragraph:

+Example: +

Main Heading

+

This is a paragraph

+ +## Text Formatting +Common text formatting tags: + – Bold text + – Italic text + – Underline +Example: +This is important + +## Images +Images are shown using the tag +Example: +Description + +## Links +Links use the tag +Example: +Google + +## Lists +Unordered (bullets) and ordered (numbers) +Example: +
  • Item 1
+
  1. First item
+ +## Tables +Used to display data in rows and columns +Example: + + + +
Header
Data
\ No newline at end of file diff --git a/Week-1/Day-2/image.jpg b/Week-1/Day-2/image.jpg new file mode 100644 index 0000000..4bedfb4 Binary files /dev/null and b/Week-1/Day-2/image.jpg differ