एचटीएमएल (HTML) क्या है और कैसे सीखे तथा इसके फायदे

HTML एक language है, जो web development के लिए use की जाती है। एचटीएमएल का Full Form “Hyper Text Markup Language” होता है, जो web pages create करने के लिए use की जाती है। HTML के विभिन्न tags को use करते हुए आप web pages create करते हैं और उनमें विभिन्न elements जैसे की images, audio, lists, links और text आदि add करते हैं।

What Is HTML In Hindi

यह आर्टिकल “HTML क्या है (What Is HTML In Hindi)” खौसतौर पर उन लोगो को काफी महत्वपूर्ण होने वाला है, जो आज के इस इंटरनेट और टेक्नोलॉजी की दुनिया से दिलचस्पी रखते हों। एक समय हुआ करता था, जब लोग पैसे कमाने के लिए हार्डवर्क जैसे काम करते थे। लेकिन समय के साथ वक्त और परिस्थितियां बदली और काम-काज करने का रवैया भी बदल गया।

आज के समय में व्यक्ति स्मार्टवर्क करके पैसे कमा सकते हैं। बस केवल आपके अंदर talent और skills होनी जरुरी है। तो ऐसे में हमने सोचा क्यों न आप लोगों के साथ यह बात शेयर की जाय। ऐसी बहुत सी programming language है, जिसे अगर आप सीख जाते हैं तो आप उससे लाखो-करोड़ों महीना कमा सकते हो। उन्हीं कुछ लोकप्रिय भाषाओं में से यह भी है, जिसके बारे में हम आपको बताना चाहते हैं।

HTML एक language है, जो web development के लिए use की जाती है। एचटीएमएल का Full Form “Hyper Text Markup Language” होता है, जो web pages create करने के लिए use की जाती है। HTML के विभिन्न tags को use करते हुए आप web pages create करते हैं और उनमें विभिन्न elements जैसे की images, audio, lists, links और text आदि add करते हैं।

यह एक Markup Language है, जिसे “Hyper Text Markup Language” कहा जाता है। HTML Web Pages बनाने में सबसे ज्यादा इस्तेमाल की जाती है। HTML Language का use हम Web Browser को यह समझाते हैं कि हमारे Web Page की information users को कैसी दिखनी चाहिए।

इसका उपयोग वेब डॉक्यूमेंट बनाने के लिए किया जाता है। मगर, यह सिर्फ Web Document बनाने तक सीमित नहीं है। क्योंकि HTML वेब का आधार है, इसके बिना वेब का निर्माण की कल्पना भी नहीं की जा सकती है।

एचटीएमएल क्या है What Is HTML In Hindi

HTML किसी भी information को सुन्दर और आकर्षक तरीके से World Wide Web में present करने का एक माध्यम है। HTML, Tim Berners Lee के द्वारा 1991 में create की गयी थी। HTML World Wide Web Consortium (W3C) द्वारा एक standard के रूप में manage की जाती है। W3C एक international community है, जो web standards create और manage करने का कार्य करती है।

Web Designing के क्षेत्र में सीखी और सिखाई जाने वाली HTML सबसे पहली language होती है। ये भाषा computer की अन्य भाषा जैसे C, C++, Java आदि के मुकाबले बहुत ही सरल है। HTML के साथ CSS का भी प्रयोग किया जाता है, जो web page को और भी बेहतर design करने के लिए use की जाती है। HTML के साथ Javascript के प्रयोग से web pages में logic add किया जाता है और उन्हें dynamic बनाया जाता है।

जब एक technology या language standard के रूप में चुन ली जाती है तो सभी platforms, developers और organizations बिना किसी शर्त के उसे follow करते है। इससे कोई फर्क नहीं पड़ता है की आप कौनसा operating system या editor use कर रहे है। Web Pages create करने के लिए हमेशा HTML का ही प्रयोग किया जाता है।

एचटीएमएल में create किये गए web pages को सभी platforms पर देखा जा सकता है। इसके लिए आपको किसी प्रकार के special platform या software की आवश्यकता नहीं होती है। HTML platform independent है। आईये अब HTML का मतलब समझने का प्रयास करते हैं। HTML की Full Form “Hyper Text Markup Language” होती है। इनमें से हर word का एक विशेष अर्थ है, जिसे नीचे detail से समझाया जा रहा है।

HYPER

HYPER का मतलब होता है की HTML Sequence में नहीं काम करती है। जैसा की किसी Programming Language में होता है, एक Statement के बाद अगला Statment Execute होता है। यदि किसी HTML File में Link है और user उस पर Click करता है तो वो Execute हो जाती है।

इससे कोई फर्क नहीं पड़ता है की उससे पहले कितने Elements हैं और वो भी सभी Load हुए हैं या नहीं। ये भी जरुरी नहीं की किसी एक HTML File से पहले कोई दूसरी HTML File Execute नहीं हो सकती है। HTML Elements की ही तरह सभी HTML Files भी एक दूसरे से Independent होती है।

TEXT

किसी webpage में Text सबसे महत्वपूर्ण होता है। Text ही वह Information होती है, जिसे present करने के लिए Web Page Design किया जाता है। HTML Text को Format करके Web Pages में Present करने के लिए use की जाती है।

MARKUP

Markup का मतलब Text के Layout और Style को Format करना होता है। आप Text को Tags के द्वारा Mark करते हैं, जिस प्रकार के Tags द्वारा Text को Mark किया जाता है वैसे ही Text Web Page में Show होता है। उदाहरण के लिए यदि आप किसी Text को <H1> Tag के द्वारा Mark करते हैं तो Web Page में वह Text बड़ी और Bold Heading के रूप में दिखाई देगा।

एचटीएमएल, Web Document बनाने के लिए “HTML Tags” का उपयोग करती है। प्रत्येक HTML Tag अपने बीच आने वाले Text को किसी प्रकार में परिभाषित करता है। इसे ही Markup कहते हैं। “<i>” एक HTML Tag है, जो अपने बीच आने वाले text को तिरछा (Italic) करता है। इस पूरी प्रक्रिया को ही Markup करना कहते हैं और वेब पर मौजूद सभी Web Document इसी तरह Format किये जाते हैं।

LANGUAGE

HTML एक Language है, जो Web Developemt के लिए use की जाती है। यह Web Document बनाने के लिए code-words का इस्तेमाल करती है, जिन्हें tags कहते हैं और इन Tags को लिखने के लिए HTML का Syntax भी है। इसके तीन मुख्य भाग होते हैं। जो क्रमशः Element, Tags और Text है।

HTML कैसे सीखे ?

एचटीएमएल को सीखना बहुत ही आसान है, अगर आप कोशिश करें तो कुछ ही दिनों में HTML को बहुत अच्छी तरह से सीख सकते हैं। HTML सीखने के लिए आपको दो चीजों की जरुरत पड़ती है। पहला है Text Editor (टेक्स्ट एडिटर) और दूसरा है Web Browser (वेब ब्राउज़र)

Text Editor जैसे की Notepad या Notepad++ कोई भी टेक्स्ट एडिटर का उपयोग कर सकते हैं। और Web Browser जैसे की Google Chrome, Mozilla Firefox या Internet Explorer किसी भी वेब ब्राउज़र का उपयोग करके आप HTML सीख सकते हैं।

HTML सीखने के लिए आपको अलग से कोई software download करने की जरुरत नहीं है। क्योंकि अगर आप Windows Operating System इस्तेमाल करते हैं तो पहले से ही आपके computer पर Google Chrome या Internet Explorer (Web Browser) और Notepad (Text Editor) मौजूद हैं, जिसका उपयोग आप website बनाने के लिए कर सकते हैं।

कुछ महत्वपूर्ण HTML Tags

TagDescription
<!…>Defines a comment
<!DOCTYPE> Defines the document type
<a>Defines a hyperlink
<abbr>Defines an abbreviation or an acronym
<address>Defines contact information for the author/owner of a document
<area>Defines an area inside an image map
<article>Defines an article
<audio>Defines embedded sound content
<b>Defines bold text
<base>Specifies the base URL/target for all relative URLs in a document
<blockquote>Defines a section that is quoted from another source
<body>Defines the document’s body
<br>Defines a single line break
<button>Defines a clickable button
<canvas>Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption>Defines a table caption
<center>Defines centered text
<code>Defines a piece of computer code
<dialog>Defines a dialog box or window
<div>Defines a section in a document
<dt>Defines a term/name in a description list
<em>Defines emphasized text 
<font>Defines font, color, and size for text
<form>Defines an HTML form for user input
<h1> to <h6>Defines HTML headings
<head>Contains metadata/information for the document
<header>Defines a header for a document or section
<html>Defines the root of an HTML document
<i>Defines a part of text in an alternate voice or mood
<img>Defines an image
<li>Defines a list item
<link>Defines the relationship between a document and an external resource (most used to link to style sheets)
<map>Defines an image map
<mark>Defines marked/highlighted text
<nav>Defines navigation links
<p>Defines a paragraph
<picture>Defines a container for multiple image resources
<progress>Represents the progress of a task
<q>Defines a short quotation
<select>Defines a drop-down list
<small>Defines smaller text
<source>Defines multiple media resources for media elements (<video> and <audio>)
<span>Defines a section in a document
<strike>Use <del> or <s> instead.
Defines strikethrough text
<strong>Defines important text
<style>Defines style information for a document
<sub>Defines subscripted text
<summary>Defines a visible heading for a <details> element
<sup>Defines superscripted text
<table>Defines a table
<tbody>Groups the body content in a table
<td>Defines a cell in a table
<tfoot>Groups the footer content in a table
<th>Defines a header cell in a table
<thead>Groups the header content in a table
<time>Defines a specific time (or datetime)
<title>Defines a title for the document
<tr>Defines a row in a table
<track>Defines text tracks for media elements (<video> and <audio>)
<var>Defines a variable
<video>Defines embedded video content

HTML Versions

अब तक HTML के बहुत से version industry में आ चुके है। एचटीएमएल के हर version में कुछ नए elements add किये जाते है। HTML के सभी versions के बारे में नीचे detail से बताया जा रहा है। ये सभी versions HTML की history और समय के साथ किये गए improvments को दर्शाते है।

HTML 1.0

ये एचटीएमएल का पहला version था। उस समय बहुत कम लोग इस language के बारे में जानते थे और एचटीएमएल भी बहुत limited थी। उस समय HTML के द्वारा simple text के साथ webpages create करने के अलावा ज्यादा कुछ नहीं किया जा सकता था।

HTML 2.0

इस version में एचटीएमएल 1.0 के सभी features थे। इस version के साथ ही HTML website develop करने का बुनियादी माध्यम बन चुकी थी।

HTML 3.0

इस version के आने तक एचटीएमएल बहुत popular हो चुकी थी। इस version में browsers के साथ compatibility problem होने की वजह से इस version को रोक दिया गया था। लेकिन बाद में नए और advanced tags के साथ इसे introduce किया गया था।

HTML 3.2

इस version में पिछले version के बाद कुछ नए tags add किये गए। ये वो time था जब W3C ने website development के लिए एचटीएमएल को standard language घोषित किया था। HTML का प्रयोग अब limited नहीं रहा था और इसे व्यापक स्तर पर use किया जा रहा था।

HTML 4.01

इस version में कुछ नए tags के साथ ही cascading style sheet को भी introduce किया गया था। इस समय HTML पूरी तरह modern language बन चुकी थी।

HTML 5.0

ये एचटीएमएल का latest version है। इसमें multimedia support के लिए कुछ नए tags provide किये गए है।

XHTML

ये version HTML 4.01 के बाद आया था। इसमें HTML के साथ XML को add किया गया था। HTML में हर कार्य tags द्वारा किया जाता है। इसलिए HTML को ठीक से समझने और use करने के लिए आपका tags के बारे में जानना अति आवश्यक है।

HTML के कुछ उदाहरण

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname">
</form>



<form>
  <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
  <label for="vehicle1"> I have a bike</label><br>
  <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
  <label for="vehicle2"> I have a car</label><br>
  <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
  <label for="vehicle3"> I have a boat</label>
</form>


आखिर में

हम उम्मीद करते हैं कि आपको यह आर्टिकल HTML क्या है (What Is HTML In Hindi) में पसंद आया होगा और आप भी जान गए होंगे कि HTML की क्या विशेषता है ? तथा HTML कैसे सीखे और उसके कुछ versions के बारे में। आपको यह आर्टिकल कैसा लगा कमेंट करके हमें जरूर बताएं तथा इसको लेकर कोई सवाल है तो आप हमसे बेझिझक पूछ सकते हैं।

LEAVE A REPLY

Please enter your comment!
Please enter your name here