Loopcode/Introhtml.html at main · Dharmandra-singh/Loopcode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D0ENCWPZL9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-D0ENCWPZL9');
</script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>1. HTML Introduction - LoOPCode</title>

 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9360644363281735"
     crossorigin="anonymous"></script>
  <style>
    body {
      font-family: 'Poppins', sans-serif;
      background: #f5f7fa;
      margin: 0;
      padding: 20px;
    }
    h1, h2, h3 {
      color: #007BFF;
    }
    p {
      color: #333;
      line-height: 1.7;
      margin: 10px 0;
    }
    .section {
      background: #fff;
      padding: 20px;
      margin: 20px 0;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    ul {
      margin-left: 20px;
      color: #555;
    }
  </style>
</head>

<body>

  <h1>1. HTML Introduction</h1>

  <!-- HTML Kya Hai -->
  <div class="section">
    <h2>HTML kya hai?</h2>
    <p><b>English:</b> HTML (HyperText Markup Language) is the foundation of all websites. It structures content on the web like text, images, links, and more.</p>
    <p><b>Hindi:</b> HTML ek markup language hai jo webpages ka basic structure banati hai. Isme hum headings, paragraphs, images aur links ko arrange karte hain taaki browser unhe sahi tarike se dikhaye.</p>
  </div>

  <!-- HTML ka Itihaas -->
  <div class="section">
    <h2>HTML ka Itihaas aur Evolution</h2>
    <p><b>English:</b> HTML was created by <b>Tim Berners-Lee</b> in 1991. Over time, HTML has evolved through different versions to support new web features.</p>
    <p><b>Hindi:</b> HTML ka janm 1991 me Tim Berners-Lee ne kiya tha. Pehle HTML sirf simple text aur links ko support karta tha. Phir naye versions jaise HTML 2.0, 3.2, 4.01 aaye aur aaj hum HTML5 ka use karte hain jo multimedia (video, audio) aur APIs ko bhi support karta hai.</p>
  </div>

  <!-- HTML vs HTML5 -->
  <div class="section">
    <h2>HTML vs HTML5</h2>
    <ul>
      <li><b>HTML:</b> Purana version, limited support for multimedia aur mobile-friendly design nahi tha.</li>
      <li><b>HTML5:</b> Latest version hai jo video, audio, canvas (graphics), local storage, aur responsive design ke liye bana hai.</li>
    </ul>
    <p><b>Hindi:</b> HTML5 ne HTML ka modern version banaya hai, jisme hum bina kisi third-party plugin ke video aur audio chala sakte hain. Ye mobile phones ke liye bhi optimized hai.</p>
  </div>

  <!-- Website mein HTML ka Use -->
  <div class="section">
    <h2>Website mein HTML ka use</h2>
    <p><b>English:</b> Every website you visit uses HTML in some way. It defines the headings, paragraphs, images, links, forms, and layout of the site.</p>
    <p><b>Hindi:</b> Kisi bhi website ka basic framework HTML se banta hai. Chahe Amazon ho, Facebook ho ya Google — sabme HTML se hi structure create hota hai jaise header, footer, sidebar, forms, images aur buttons.</p>
  </div>

</body>
</html>