navigation bar

What is Html ?

HTML เค•्เคฏा เคนै? (What is HTML?)

HTML เค•ा เคชूเคฐा เคจाเคฎ HyperText Markup Language เคนै। เคฏเคน เค•ोเคˆ เคช्เคฐोเค—्เคฐाเคฎिंเค— เคญाเคทा (Programming Language) เคจเคนीं เคนै, เคฌเคฒ्เค•ि เคฏเคน เคเค• เคฎाเคฐ्เค•เค…เคช เคญाเคทा (Markup Language) เคนै।

เค†เคธाเคจ เคถเคฌ्เคฆों เคฎें, เค†เคช เค‡เคธे เค•िเคธी เคญी เคตेเคฌเคธाเค‡เคŸ เคฏा เคตेเคฌ เคชेเคœ เค•ा เคขाँเคšा (Skeleton) เคฏा เคจींเคต เคฎाเคจ เคธเค•เคคे เคนैं।

  • เค‰เคฆ्เคฆेเคถ्เคฏ: เค‡เคธเค•ा เค‡เคธ्เคคेเคฎाเคฒ เคตेเคฌ เคชेเคœों เค”เคฐ เคตेเคฌ เคเคช्เคฒिเค•ेเคถเคจ เค•ा เคขाँเคšा (Structure) เคคैเคฏाเคฐ เค•เคฐเคจे เค•े เคฒिเค เค•िเคฏा เคœाเคคा เคนै।

  • เค•ाเคฐ्เคฏ: HTML เค†เคชเค•े เคตेเคฌ เคฌ्เคฐाเค‰เคœ़เคฐ (เคœैเคธे Chrome เคฏा Firefox) เค•ो เคฌเคคाเคคा เคนै เค•ि เคชेเคœ เคชเคฐ เคฎौเคœूเคฆ เคธाเคฎเค—्เคฐी (Content) เค•ो เค•ैเคธे เคต्เคฏเคตเคธ्เคฅिเคค เค•िเคฏा เคœाเค, เคœैเคธे—เค•ौเคจ เคธी เคšीเคœ़ เคถीเคฐ्เคทเค• (Heading) เคนै, เค•ौเคจ เคธी เคšीเคœ़ เคชैเคฐाเค—्เคฐाเคซ เคนै, เค•เคนाँ เค›เคตि (Image) เคฆिเค–ाเคจी เคนै, เค”เคฐ เค•เคนाँ เคฒिंเค• เคกाเคฒเคจा เคนै।

  • เคŸैเค—्เคธ: HTML เคŸैเค—्เคธ (< >) เค•े เคเค• เคธेเคŸ เค•ा เค‰เคชเคฏोเค— เค•เคฐเคคा เคนै (เคœैเคธे <h1>, <p>, <img>) เคœो เค•ंเคŸेंเคŸ เค•ो เคชเคฐिเคญाเคทिเคค เค•เคฐเคคे เคนैं।

เค•เคฒ्เคชเคจा เค•ीเคœिเค เค•ि เค†เคช เคเค• เค˜เคฐ เคฌเคจा เคฐเคนे เคนैं—เคคो HTML เค‰เคธ เค˜เคฐ เค•ी เคฆीเคตाเคฐें, เค›เคค เค”เคฐ เคจींเคต เคนै। เค‡เคธे เค†เค•เคฐ्เคทเค• เค”เคฐ เคธुंเคฆเคฐ เคฌเคจाเคจे เค•ा เค•ाเคฎ CSS (Cascading Style Sheets) เค”เคฐ เค‡เคธे เค‡ंเคŸเคฐैเค•्เคŸिเคต เคฌเคจाเคจे เค•ा เค•ाเคฎ JavaScript เค•เคฐเคคी เคนै।


HTML เค•ा เคซुเคฒ เคซॉเคฐ्เคฎ (Full Form of HTML)

HTML เคฎें เคนเคฐ เคถเคฌ्เคฆ เค•ा เคเค• เคตिเคถेเคท เค…เคฐ्เคฅ เคนोเคคा เคนै:

เคถเคฌ्เคฆ (Word)เค…เคฐ्เคฅ (Meaning)เคต्เคฏाเค–्เคฏा (Explanation)
HyperTextเคนाเค‡เคชเคฐเคŸेเค•्เคธ्เคŸเคฏเคน เคเค• เคเคธी เคคเค•เคจीเค• เคนै เคœिเคธเค•े เคฆ्เคตाเคฐा เคตेเคฌ เคชेเคœ เค†เคชเคธ เคฎें เคฒिंเค• (เคœुเคก़े) เคนोเคคे เคนैं। เคฏเคนी เคตเคน เคคเคฐीเค•ा เคนै เคœिเคธเคธे เค†เคช เคเค• เคตेเคฌเคธाเค‡เคŸ เค•े เคเค• เคชेเคœ เคธे เคฆूเคธเคฐे เคชेเคœ เคชเคฐ เค•्เคฒिเค• เค•เคฐเค•े เคœाเคคे เคนैं।
Markupเคฎाเคฐ्เค•เค…เคชเคฏเคน เคŸैเค—्เคธ (<p>, <h1>) เค•ा เค‰เคชเคฏोเค— เค•เคฐเค•े เค•िเคธी เคกॉเค•्เคฏूเคฎेंเคŸ เค•ी เคธंเคฐเคšเคจा (Structure) เค•ो เคชเคฐिเคญाเคทिเคค เค•เคฐเคคा เคนै।
Languageเคญाเคทाเคฏเคน เคตเคน เคญाเคทा เคนै เคœिเคธे เคตेเคฌ เคฌ्เคฐाเค‰เคœ़เคฐ เคธเคฎเคเคคा เคนै เค”เคฐ เค†เคชเค•े เคธाเคฎเคจे เคกिเคธ्เคช्เคฒे เค•เคฐเคคा เคนै।

HTML เค•ी เคฎुเค–्เคฏ เคตिเคถेเคทเคคाเคँ (Key Features)

  1. เคธीเค–เคจे เคฎें เค†เคธाเคจ (Easy to Learn): HTML เคธเคฌเคธे เคธเคฐเคฒ เคญाเคทाเค“ं เคฎें เคธे เคเค• เคนै เค”เคฐ เค‡เคธเค•ी เคถुเคฐुเค†เคค เค•เคฐเคจा เคฌเคนुเคค เค†เคธाเคจ เคนै।

  2. เคฌ्เคฐाเค‰เคœ़เคฐ เคธเคชोเคฐ्เคŸ (Browser Support): เคฆुเคจिเคฏा เค•ा เคนเคฐ เคตेเคฌ เคฌ्เคฐाเค‰เคœ़เคฐ (Chrome, Edge, Safari) HTML เค•ो เคธเคชोเคฐ्เคŸ เค•เคฐเคคा เคนै।

  3. เคช्เคฒेเคŸเคซ़ॉเคฐ्เคฎ เค‡ंเคกिเคชेंเคกेंเคŸ (Platform Independent): HTML เค•ोเคก เค•िเคธी เคญी เค‘เคชเคฐेเคŸिंเค— เคธिเคธ्เคŸเคฎ (Windows, Mac, Linux) เคชเคฐ เคฒिเค–ा เค”เคฐ เคšเคฒाเคฏा เคœा เคธเค•เคคा เคนै।

  4. เคšिเคค्เคฐ, เค‘เคกिเคฏो เค”เคฐ เคตीเคกिเคฏो เคธเคชोเคฐ्เคŸ: HTML5 (เคจเคตीเคจเคคเคฎ เคธंเคธ्เค•เคฐเคฃ) เค•ी เคฎเคฆเคฆ เคธे เค†เคช เค…เคชเคจे เคตेเคฌ เคชेเคœ เคฎें เคšिเคค्เคฐ (Images), เค‘เคกिเคฏो เค”เคฐ เคตीเคกिเคฏो เคœैเคธे เคฎीเคกिเคฏा เคคเคค्เคตों เค•ो เค†เคธाเคจी เคธे เคœोเคก़ เคธเค•เคคे เคนैं।

  5. เคตेเคฌเคธाเค‡เคŸ เค•ी เคจींเคต: HTML เค•े เคฌिเคจा เค•िเคธी เคญी เคตेเคฌเคธाเค‡เคŸ เค•ी เค•เคฒ्เคชเคจा เคจเคนीं เค•ी เคœा เคธเค•เคคी। เคฏเคน เคตेเคฌ เคกेเคตเคฒเคชเคฎेंเคŸ เค•ी เคชเคนเคฒी เค”เคฐ เคธเคฌเคธे เคœ़เคฐूเคฐी เคธीเคข़ी เคนै।

เคœाเคตाเคธ्เค•्เคฐिเคช्เคŸ เค•्เคฏा เคนै? (What is JavaScript?)

เคœाเคตाเคธ्เค•्เคฐिเคช्เคŸ เคเค• เค‰เคš्เคš-เคธ्เคคเคฐीเคฏ (High-Level), เคต्เคฏाเค–्เคฏाเคฏिเคค (Interpreted) เค”เคฐ เคฌเคนु-เคช्เคฐเคคिเคฎाเคจ (Multi-Paradigm) เคช्เคฐोเค—्เคฐाเคฎिंเค— เคญाเคทा เคนै।

เค…เค—เคฐ HTML เคตेเคฌเคธाเค‡เคŸ เค•ा เคขाँเคšा (Structure) เคฌเคจाเคคा เคนै เค”เคฐ CSS เค‰เคธे เคกिเคœ़ाเค‡เคจ (Design) เคฆेเคคा เคนै, เคคो JavaScript เค‰เคธे เคœाเคจเคฆाเคฐ เค”เคฐ เค‡ंเคŸเคฐैเค•्เคŸिเคต (Interactive) เคฌเคจाเคคा เคนै।

  • เคจिเคฐ्เคฎाเคคा: เค‡เคธे 1995 เคฎें เคฌ्เคฐेंเคกเคจ เคˆเคš (Brendan Eich) เคจे เคจेเคŸเคธ्เค•ेเคช (Netscape) เคฎें เคฌเคจाเคฏा เคฅा।

  • เค•ाเคฐ्เคฏ: เคฏเคน เคตेเคฌเคธाเค‡เคŸ เคฎें เคคเคฐ्เค• (Logic) เคœोเคก़เคคा เคนै। เคœเคฌ เค†เคช เค•िเคธी เคตेเคฌเคธाเค‡เคŸ เคชเคฐ เค•ोเคˆ เคฌเคŸเคจ เค•्เคฒिเค• เค•เคฐเคคे เคนैं เค”เคฐ เค•ुเค› เคนोเคคा เคนै (เคœैเคธे เคฎेเคจू เค–ुเคฒเคจा, เคฐंเค— เคฌเคฆเคฒเคจा เคฏा เค•ोเคˆ เคชॉเคช-เค…เคช เคฆिเค–เคจा), เคคो เคฏเคน เคธเคฌ JavaScript เค•ी เคตเคœเคน เคธे เคธंเคญเคต เคนोเคคा เคนै।

เค•्เคฒाเค‡ंเคŸ-เคธाเค‡เคก เค”เคฐ เคธเคฐ्เคตเคฐ-เคธाเค‡เคก (Client-Side & Server-Side)

เคฎूเคฒ เคฐूเคช เคธे, JavaScript เค•ेเคตเคฒ เค•्เคฒाเค‡ंเคŸ-เคธाเค‡เคก (Client-Side) เคชเคฐ เคšเคฒเคคी เคฅी, เคœिเคธเค•ा เค…เคฐ्เคฅ เคนै เค•ि เคฏเคน เคธीเคงे เค‰เคชเคฏोเค—เค•เคฐ्เคคा เค•े เคตेเคฌ เคฌ्เคฐाเค‰เคœ़เคฐ (เคœैเคธे Chrome, Firefox) เคฎें เคฐเคจ เคนोเคคी เคฅी।

เคฒेเค•िเคจ Node.js เค•े เค†เคตिเคท्เค•ाเคฐ เค•े เคฌाเคฆ, JavaScript เค…เคฌ เคธเคฐ्เคตเคฐ-เคธाเค‡เคก (Server-Side) เคชเคฐ เคญी เคธเคซเคฒเคคाเคชूเคฐ्เคตเค• เค‰เคชเคฏोเค— เคนोเคคी เคนै, เคœिเคธเคธे เคฏเคน เคเค• เคซुเคฒ-เคธ्เคŸैเค• (Full-Stack) เคญाเคทा เคฌเคจ เค—เคˆ เคนै।


เคœाเคตाเคธ्เค•्เคฐिเคช्เคŸ เค•ी เคฎुเค–्เคฏ เคตिเคถेเคทเคคाเคँ (Key Features of JavaScript)

  1. เคตेเคฌ เคชेเคœों เค•ो เค—เคคिเคถीเคฒ เคฌเคจाเคจा (Making Pages Dynamic): เคฏเคน HTML เค”เคฐ CSS เคคเคค्เคตों เค•ो เคœ़เคฐूเคฐเคค เค•े เคนिเคธाเคฌ เคธे เคฌเคฆเคฒเคจे, เคนเคŸाเคจे เคฏा เคœोเคก़เคจे เค•ी เค•्เคทเคฎเคคा เคฐเค–เคคा เคนै, เคœिเคธเคธे เคชेเคœ เคธ्เคฅिเคฐ (Static) เคจเคนीं เคฐเคนเคคा।

  2. เค‡ंเคŸเคฐเคช्เคฐिเคŸेเคก เคญाเคทा (Interpreted Language): เค‡เคธे เค•ंเคชाเค‡เคฒ (Compile) เค•เคฐเคจे เค•ी เคœ़เคฐूเคฐเคค เคจเคนीं เคนोเคคी เคนै। เค•ोเคก เคธीเคงे เคฌ्เคฐाเค‰เคœ़เคฐ เค•े เค‡ंเคœเคจ (เคœैเคธे Chrome เค•ा V8) เคฆ्เคตाเคฐा เคฒाเค‡เคจ-เคฆเคฐ-เคฒाเค‡เคจ เคธเคฎเคा เค”เคฐ เคจिเคท्เคชाเคฆिเคค (Execute) เค•िเคฏा เคœाเคคा เคนै।

  3. เค‘เคฌ्เคœेเค•्เคŸ-เค“เคฐिเคंเคŸेเคก (Object-Oriented - OOP): เคฏเคน เค‘เคฌ्เคœेเค•्เคŸ-เค“เคฐिเคंเคŸेเคก เคช्เคฐोเค—्เคฐाเคฎिंเค— เค•े เคธिเคฆ्เคงांเคคों เค•ो เคธเคชोเคฐ्เคŸ เค•เคฐเคคी เคนै, เคฒेเค•िเคจ เคฏเคน เค•्เคฒाเคธ-เค†เคงाเคฐिเคค (Class-Based) เค•ी เคฌเคœाเคฏ เคช्เคฐोเคŸोเคŸाเค‡เคช-เค†เคงाเคฐिเคค (Prototype-Based) เคญाเคทा เคนै।

  4. เคฒเคšीเคฒी (Flexible) เค”เคฐ เคธเคฐเคฒ เคธिंเคŸैเค•्เคธ: เค‡เคธเค•ी เคธिंเคŸैเค•्เคธ (Syntax) เคธเคฐเคฒ เคนै, เคœो C-เคญाเคทा เคธे เคช्เคฐเคญाเคตिเคค เคนै, เค”เคฐ เคฏเคน เคธीเค–เคจे เคฎें เค…เคชेเค•्เคทाเค•ृเคค เค†เคธाเคจ เคนै।


เคœाเคตाเคธ्เค•्เคฐिเคช्เคŸ เค•ा เค‰เคชเคฏोเค— เค•เคนाँ เคนोเคคा เคนै? (Where is JavaScript Used?)

เค†เคœ JavaScript เค•ा เค‰เคชเคฏोเค— เค•ेเคตเคฒ เคตेเคฌเคธाเค‡เคŸों เคคเค• เคนी เคธीเคฎिเคค เคจเคนीं เคนै, เคฌเคฒ्เค•ि เคฏเคน เคคเค•เคจीเค• เค•े เค•เคˆ เค•्เคทेเคค्เคฐों เคฎें เคซैเคฒा เคนुเค† เคนै:

เค‰เคชเคฏोเค— เค•ा เค•्เคทेเคค्เคฐ (Area of Use)เค‰เคฆाเคนเคฐเคฃ (Examples)
เคซ्เคฐंเคŸ-เคंเคก เคตेเคฌ เคกेเคตเคฒเคชเคฎेंเคŸเค‡ंเคŸเคฐैเค•्เคŸिเคต เคตेเคฌเคธाเค‡เคŸें, เคเคจिเคฎेเคถเคจ, เคซॉเคฐ्เคฎ เคตैเคฒिเคกेเคถเคจ, เค‡เคฎेเคœ เคธ्เคฒाเค‡เคกเคฐ, เค”เคฐ เคฏूเคœ़เคฐ เค‡ंเคŸเคฐเคซ़ेเคธ (UI) เคฌเคจाเคจा। (เคœैเคธे React, Angular, Vue.js เคซ्เคฐेเคฎเคตเคฐ्เค•)
เคฌैเค•-เคंเคก เคตेเคฌ เคกेเคตเคฒเคชเคฎेंเคŸเคธเคฐ्เคตเคฐ เคฌเคจाเคจा, เคกेเคŸाเคฌेเคธ เคธे เคœुเคก़เคจा, เค”เคฐ เคเคชीเค†เคˆ (APIs) เคฌเคจाเคจा। (เคœैเคธे Node.js เค”เคฐ Express.js เคซ्เคฐेเคฎเคตเคฐ्เค•)
เคฎोเคฌाเค‡เคฒ เคเคช เคกेเคตเคฒเคชเคฎेंเคŸเคเค• เคนी เค•ोเคกเคฌेเคธ เคธे iOS เค”เคฐ Android เคฆोเคจों เค•े เคฒिเค เคจेเคŸिเคต เคฎोเคฌाเค‡เคฒ เคเคช्เคฒिเค•ेเคถเคจ เคฌเคจाเคจा। (เคœैเคธे React Native เคซ्เคฐेเคฎเคตเคฐ्เค•)
เคกेเคธ्เค•เคŸॉเคช เคเคช เคกेเคตเคฒเคชเคฎेंเคŸเค•्เคฐॉเคธ-เคช्เคฒेเคŸเคซ़ॉเคฐ्เคฎ เคกेเคธ्เค•เคŸॉเคช เคเคช्เคฒिเค•ेเคถเคจ เคฌเคจाเคจा। (เคœैเคธे Electron เคซ्เคฐेเคฎเคตเคฐ्เค•)

เค†เคœเค•เคฒ, เค•ोเคˆ เคญी เค†เคงुเคจिเค• เคตेเคฌเคธाเค‡เคŸ เคฏा เคตेเคฌ เคเคช्เคฒिเค•ेเคถเคจ JavaScript เค•े เคฌिเคจा เค…เคงूเคฐा เคนै।