BASIC HTML

HTML Full Course: Zero to Hero 🚀

यह कोर्स सॉफ्टवेयर कंपनी की जरूरतों के हिसाब से बनाया गया है। इसमें 7 मॉड्यूल्स हैं।

Course Index

• Module 1: Introduction & Basic Structure
• Module 2: Text Formatting & Attributes
• Module 3: Links & Multimedia
• Module 4: Lists & Tables
• Module 5: Forms & User Inputs
• Module 6: Semantic HTML5 (SEO)
• Module 7: Important Entities & Project

Module 1

Introduction & Basic Structure

HTML (HyperText Markup Language) वेबसाइट का स्ट्रक्चर बनाता है।

Note: Browser (Chrome, Safari) sirf HTML ko samajhte hain aur use screen par display karte hain.

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
</head>
<body>
    <h1>Welcome</h1>
    <p>This is my first website.</p>
</body>
</html>

Module 2

Text Formatting & Attributes

टेक्स्ट को बोल्ड, इटैलिक और स्टाइल देने के लिए इस्तेमाल होने वाले टैग्स।

<b>Bold Text</b>
<i>Italic Text</i>
<u>Underline Text</u>
<mark>Highlighted Text</mark>
<br> <!-- Line break -->

Company Knowledge: H1 tag hamesha poore page me ek hi baar use karna chahiye SEO ke liye.

Module 3

Links & Multimedia

एक पेज से दूसरे पेज को जोड़ना और फोटो दिखाना।

Adding Links:

<a href="https://google.com" target="_blank">Go to Google</a>

Adding Images:

<img src="image.jpg" alt="Description" width="300">

Hinglish: Image tag me alt likhna bahut zaruri hai, agar photo load nahi hui to ye text dikhega.

Module 4

Lists & Tables

डेटा को लिस्ट और रो/कॉलम में दिखाना।

Unordered List (Bullets):

<ul>
  <li>HTML</li>
  <li>CSS</li>
</ul>

Simple Table:

<table border="1">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Rahul</td>
    <td>25</td>
  </tr>
</table>

Module 5

Forms & User Inputs

Login और Registration फॉर्म बनाना।

<form>
  <input type="text" placeholder="Enter Username">
  <input type="email" placeholder="Enter Email">
  <input type="password" placeholder="Password">
  <input type="submit" value="Sign Up">
</form>

Important: Input type hamesha sahi chunein, jaise email ke liye 'email' taaki automatic validation ho jaye.

Module 6

Semantic HTML5

SEO (Search Engine Optimization) के लिए वेबसाइट का सही स्ट्रक्चर।

Tag	Usage
<header>	Top section (Logo/Menu)
<nav>	Navigation links
<section>	Page content block
<footer>	Copyright/Contact info

Module 7

Entities & HTML Project

स्पेशल कैरेक्टर्स और प्रैक्टिस प्रोजेक्ट।

© - © (Copyright)
< - &lt; (Less than)
> - &gt; (Greater than)
  - Space ke liye

Final Project Task: Ek simple Bio-Data page banayein jisme Table, List aur ek Contact Form ho.

HTML COURSE COMPLETED! 🎉