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/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>