HTML
HTML क्या है? – Vision Computer Classes
HTML (HyperText Markup Language) एक मार्कअप भाषा है, जिसका उपयोग वेब पेज और वेब एप्लिकेशन बनाने के लिए किया जाता है। यह वेब पेज की संरचना को परिभाषित करता है और टेक्स्ट, इमेज, वीडियो आदि को व्यवस्थित करने के लिए टैग्स का उपयोग करता है। Vision Computer Classes में हम छात्रों को HTML और CSS का गहन ज्ञान प्रदान करते हैं ताकि वे वेब डिज़ाइनिंग के क्षेत्र में निपुण बन सकें।
HTML का आविष्कार और इतिहास
- आविष्कारक: Tim Berners-Lee ने 1989 में HTML का आविष्कार किया।
- पहला संस्करण: 1993 में HTML 1.0 जारी किया गया।
- इसके बाद HTML 2.0, HTML 3.2, HTML 4.01 और वर्तमान में HTML5 उपयोग में है।
HTML की विशेषताएँ
- सरल और आसान: HTML को समझना और उपयोग करना आसान है।
- प्लेटफ़ॉर्म स्वतंत्र: किसी भी ब्राउज़र पर HTML पेज देखा जा सकता है।
- हाइपरलिंकिंग: यह एक पेज से दूसरे पेज को लिंक करने में सक्षम है।
- मल्टीमीडिया सपोर्ट: इमेज, वीडियो और ऑडियो को वेब पेज पर एम्बेड कर सकता है।
- सेमांटिक टैग्स: HTML5 में सेमांटिक टैग्स की सुविधा है, जो SEO के लिए उपयोगी हैं।
HTML टैग्स का परिचय
HTML में हर तत्व को टैग्स के माध्यम से परिभाषित किया जाता है। हर टैग एक विशेष कार्य करता है।
HTML टैग्स की संरचना:
- Opening Tag:
<tagname>
- Content: टैग के बीच की सामग्री।
- Closing Tag:
</tagname>
उदाहरण:
HTML का बेसिक स्ट्रक्चर
हर HTML डॉक्यूमेंट में निम्नलिखित संरचना होती है:
महत्वपूर्ण HTML टैग्स की सूची
-
हेडिंग टैग्स:
<h1>
से<h6>
तक हेडिंग को परिभाषित करते हैं।- उदाहरण:
-
पैरा टैग:
<p>
टैग का उपयोग पैराग्राफ बनाने के लिए किया जाता है।
-
लिंक टैग:
<a>
टैग का उपयोग हाइपरलिंक बनाने के लिए किया जाता है।
-
इमेज टैग:
<img>
टैग का उपयोग इमेज जोड़ने के लिए होता है।
-
लिस्ट टैग:
- अनऑर्डर्ड लिस्ट:
<ul>
- ऑर्डर्ड लिस्ट:
<ol>
- लिस्ट आइटम:
<li>
- अनऑर्डर्ड लिस्ट:
-
टेबल टैग:
<table>
,<tr>
,<td>
,<th>
का उपयोग टेबल बनाने के लिए होता है।
HTML5 सेमांटिक टैग्स
HTML5 में सेमांटिक टैग्स जोड़े गए हैं, जो वेब पेज को अधिक स्पष्ट और SEO फ्रेंडली बनाते हैं।
<header>
<nav>
<section>
<article>
<footer>
CSS क्या है?
CSS (Cascading Style Sheets) का उपयोग HTML पेज की स्टाइलिंग के लिए किया जाता है। यह वेब पेज को आकर्षक बनाने में मदद करता है।
CSS जोड़ने के तरीके:
-
इनलाइन CSS:
-
इंटरनल CSS:
-
एक्सटर्नल CSS:
CSS के मुख्य गुण (Properties)
-
Background Color:
-
Text Color:
-
Font Size:
-
Padding और Margin:
-
Border: