HTML मूल बातें

HTML Basics

Definition: HTML (HyperText Markup Language) is the standard markup language for creating web pages.
HTML Structure:
- <!DOCTYPE html>: Declaration defining the document type.
- <html>: Root element of an HTML page.
- <head>: Contains meta-information about the document (title, scripts, styles).
- <title>: Sets the title of the web page (displayed in the browser tab).
- <body>: Contains the content of the web page (text, images, links).
Common HTML Elements:
- Headings: <h1> to <h6> (from largest to smallest).
- Paragraphs: <p> for text paragraphs.
- Links: <a href="URL">Link Text</a> to create hyperlinks.
- Images: <img src="image.jpg" alt="description"> to embed images.
- Lists:
  - Unordered List: <ul><li>Item</li></ul>
  - Ordered List: <ol><li>Item</li></ol>
- Divisions: <div> for block-level elements, grouping content.
- Spans: <span> for inline elements, applying style or grouping text.
Attributes:
- Provide additional information about elements.
- Common attributes:
  - id: Unique identifier for an element.
  - class: Specifies one or more class names for an element.
  - style: Inline CSS styles.
  - href: URL for links.
  - src: Source for images.
Forms:
- Create interactive elements:
  - <form>: Container for input elements.
  - Input types: <input type="text">, <input type="password">, <input type="submit">, etc.
  - <label>: Associated text for input elements.
Semantic HTML:
- Use of HTML elements that convey meaning:
  - <header>, <footer>, <article>, <section>, <nav>, <aside>.
HTML Comments:
- Comments are ignored by the browser: .
Best Practices:
- Use proper indentation for readability.
- Ensure accessibility by using alt attributes for images and semantic elements.
- Validate HTML markup to avoid errors.
Resources for Learning:
- W3Schools, MDN Web Docs, Codecademy for hands-on practice and tutorials.

HTML की मूल बातें

परिभाषा: HTML (HyperText Markup Language) वेब पृष्ठ बनाने के लिए मानक मार्कअप भाषा है।
HTML संरचना:
- <!DOCTYPE html>: दस्तावेज़ प्रकार को परिभाषित करने वाला घोषणापत्र।
- <html>: HTML पृष्ठ का मूल तत्व।
- <head>: दस्तावेज़ के बारे में मेटा-जानकारी (शीर्षक, स्क्रिप्ट, शैलियाँ) रखता है।
- <title>: वेब पृष्ठ का शीर्षक निर्धारित करता है, जो ब्राउज़र टैब में दिखता है।
- <body>: वेब पृष्ठ की सामग्री (पाठ, छवियाँ, लिंक) समाहित करता है।

सामान्य HTML तत्व

शीर्षक: <h1> से <h6> (सबसे बड़े से छोटे तक)।
पैराग्राफ: <p> टैग का उपयोग पाठ छंदों के लिए।
लिंक: <a> टैग का उपयोग हाइपरलिंक बनाने के लिए, Link Text के रूप में।
छवियाँ: <img> टैग का उपयोग छवियों को सम्मिलित करने के लिए।
सूचियाँ:
- बिना क्रम की सूची: <ul><li>Item</li></ul>
- क्रमबद्ध सूची: <ol><li>Item</li></ol>
विभाजन: <div> ब्लॉक-स्तरीय तत्वों के लिए, सामग्री को समूहित करने के लिए।
स्पैन: <span> इनलाइन तत्वों के लिए, शैली लगाने या पाठ को समूहित करने के लिए।

गुण

तत्वों के बारे में अतिरिक्त जानकारी प्रदान करते हैं।
सामान्य गुण:
- id: तत्व का अद्वितीय पहचानकर्ता।
- class: एक या अधिक वर्ग नामों को निर्दिष्ट करता है।
- style: इनलाइन CSS शैलियाँ।
- href: लिंक के लिए URL।
- src: छवियों के लिए स्रोत।

फ़ॉर्म्स

इंटरैक्टिव तत्व बनाने के लिए:
- <form>: इनपुट तत्वों का कंटेनर।
- इनपुट प्रकार: <input>, <textarea>, <select> आदि।
- <label>: इनपुट तत्वों के लिए संबंधित पाठ।