harshit.sachdev/Harshit-Sachdev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Week 1 Day 2: HTML Introduction

Browse Source
This commit is contained in:
Harshit Sachdev
2025-12-17 16:00:05 +05:30
parent 0b17315d53
commit f834744e2a
4 changed files with 123 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
Week-1/Day-2/Readme.md Normal file
View File

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

36
Week-1/Day-2/example.html Normal file
View File

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

60
Week-1/Day-2/html-tutorial-basics.md Normal file
View File

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

BIN
Week-1/Day-2/image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 131 KiB