WHAT IS HTML.
HTML का पूर्ण रूप है हाइपर टेक्स्ट मार्कअप लैंग्वेज या हाइपर टेक्स्ट मार्कअप भाषा। यह एक स्टैंडर्ड मार्कअप भाषा है जिसका उपयोग वेब पेजों को बनाने और संशोधित करने के लिए किया जाता है। वेब डेवलपमेंट में HTML बहुत महत्वपूर्ण है।
HTML का उपयोग वेब पेज को स्ट्रक्चर करने के लिए किया जाता है। इस भाषा की मदद से, वेब डेवलपर विभिन्न टैग, एलीमेंट और एट्रिब्यूट का उपयोग करके वेब पेज में टेक्स्ट, इमेज, वीडियो और अन्य ऑब्जेक्ट्स को जोड़ सकते हैं।
HTML टैग ब्राउज़र को बताते हैं कि वेब पेज का अलग-अलग हिस्से किस तरह से दिखाई देने चाहिए। वेब पेज को संशोधित करने के लिए, आप HTML को किसी टेक्स्ट एडिटर जैसे नोटपैड या एटोम का उपयोग करके एक .html फ़ाइल में लिख सकते हैं।
इसके अलावा, वेब पेज को बनाने के लिए और अधिक उन्नत फ़ंक्शनलिटी जोड़ने के लिए डेवलपर्स को कई अन्य भाषाओं जैसे CSS और JavaScript का भी उपयोग कर सकते है।
HTML से संबंधित हिंदी जानकारी
The Jyomit
What is HTML in hindi article
2 / 2
HTML है, HyperText Markup Language का संक्षिप्त रूप है। यह एक मानक है जो वेब पृष्ठों का निर्माण करने के लिए उपयोग किया जाता है। HTML के माध्यम से विभिन्न विशेषताओं जैसे शीर्षक, पैराग्राफ, फ़ोटो, लिंक और बॉल्ड टेक्स्ट जैसी जानकारी को बताया जाता है।
HTML एक markup language होता है जो कि वेब पेज को बनाने के लिए उपयोग किया जाता है। HTML में टैग (tags) होते हैं जो वेब पेज के लेआउट, लेआउट, टेक्स्ट, इमेज और अन्य विषयों को परिभाषित करते हैं।
HTML के साथ आप अपनी वेब पेज को उन्नत बना सकते हैं। यह वेब डिजाइनिंग और वेब डेवलपमेंट के लिए एक बहुत ही महत्वपूर्ण टूल है। HTML को सीखना और उपयोग करना आसान है।
HTML के साथ सीधे वेब ब्राउज़र में काम कर सकते हैं। HTML के अतिरिक्त, आप अन्य वेब टेक्नोलॉजी जैसे CSS और JavaScript का भी उपयोग कर सकते हैं जो वेब पेज को और बेहतर बनाते हैं।
यदि आप वेब डिजाइनिंग और डेवलपमेंट के बारे में जानना चाहते हैं, तो HTML को सीखना शुरू कर उदहारण के लिए यदि किसी कंपनी का Address https://amitmahourji.blogspot.com है तो इसका आशय है की यह WORLD WEB का हिस्सा है तथा http प्रोटोकॉल का प्रयोग किया जा रहा है.
v HTTP=Hyper Text
Transfer Protocol
v URL=Uniform
resource Locator (वेबसाइट का एड्रेस)
v WWW=World Wide Web
एलिमेंट:-
एलिमेंट वेब पेज पर Information के प्रदर्शित होने के तरीके को show KARTA है. PARAGRAPH,HYPELINK, LIST, आदि एलिमेंट के कुछ EXAMPLE है. HTML में निम्न अवयव होते हैं-
ओपनिंग टैग (opening tag)
ऐट्रिब्यूट्स (Attributes)कुछ सूचना अथवा जानकारी
क्लोजिंग टैग (Closing tag)
उदहारण
<P
align=”center”> this is a demo.</p>
टैग (Tag):- वेब पेज पर विभिन्न प्रकार के TAB जैसे टेबल, लिस्ट, इमेज आदि को पर्दर्शित करने के लिए TAB का प्रयोग किया जाता है.किसी TAB को <प्रारंभ> से समाप्त किया जाता है.
पेयर्ड (Paired) तथा (singular).पेयर्ड टैग में ओपनिंग तथा क्लोजिंग दोनों ही टैग्स होते हैं जैसे <b>…AMIT..</p> जबकि सिंगुलर टैग क्लोजिंग टैग नहीं होते हैं जैसे <br>.
उदहारण <p
align=”center”> this is a demo.</p>
ऐट्रिब्यूट (Attributes):-
इनका प्रयोग किसी TAB को
विभिन्न प्रॉपर्टीज को निर्धारित करने के लिए किया जाता है. उदहारण के लिए <p> TAG के Align ऐट्रिब्यूट् का प्रयोग काके
पैराग्राफ का अलाइमेंट Left, right or Center सेट किया जा सकता है. इसी प्रकार <body> टैग के bgcolor ATTRIBUTE का प्रयोग करके ब्राउज़र को बॉडीका
बैकग्राउंड कलर सेट किया जा सकता है.
उदहारण:-<body> टैग के bgcolor or
<p> टैग एलाइन ATTRIBUTE का
प्रयोग करके बॉडी का बैकग्राउंड रंग हल्का नीला तथा पैराग्राफ को राइट अलाइसेट
किया गया है:-
<html>
<head>
<title> AMIT
MAHOUR</title>
</head>
<body bgcolor=”cyan”>
<p align=”right”>Hello, this is my best website.</p>
</body>
</html>
उपरोक्त को सेव करने के लिए FILE के नाम के साथ .htm or .html का प्रयोग करते हैं. html file को .htm or .html होता है.
HTML में जो टैग प्रयोग किये जाते है वो निम्न प्रकार है:
1 <html> Tag :-
इस टैग को पेज के प्रारंभ में लगाया जाता है तथा इसे बंद <html> के द्वारा अंत में बंद किया जात है। यह टैग ब्राउजर को यह बताता है कि इन टैगस के बीच में एचटीएमएल कोड लिखा जाता है।
2 <head> Tag:-
इस टैग में टाइटल बार पर नजर आने वाला टैक्सट, स्किप्ट, अनय डॉक्युमेंट हेडर तथा मेटा टेग आदि लिखे जाते है। इसे पेज के बॉडी टैग के शुरू होने से पूर्व </head> टैग द्वारा बंद किया जाता है। टाइटल बार पर किसी टैक्सट को प्रदिर्शत करने के एिल इस टैग में <title>टैग का प्रयोग किया जाता है।
3 <body> Tag:-
इस टैग का प्रयोग ब्राउजर में टैक्सट, इमेज आदि प्रदर्शित करने के लिए प्रयोग किया जाता है। इसे < /body> टैग के द्वारा बंद किया जाता है। इस टैग के साथ निम्न एट्रीब्यूटस का प्रयोग किया जात सकता है
4 <p> टैग (Paragraph Tag ):--
इस टैग का प्रयोग पैराग्राफ लिखने के लिए किया जाता है। जब इस टैग का प्रयोग किया जाता है तो पैराग्राफ के उपर व नीचे की तरफ एक खाली लाइन जुड़ जाती है। इसके एट्रीब्युट निम्न है-
Align- पैराग्राफ का ALIGNMENT Left, Right, Center, or Justify सेट करने के लिए.. EXAPMLE <p align="left">
<html>
<head>
<title> AKM </title>
</head>
<body Text="blue" Bgcolor="black">
<p> Hello, This is my College </p>
<p align="center"> My name is mahour</p>
<p align="left"> My name is jaanvi</p>
<p align="Right"> My name is amit</P>
<p align="center"> My name is jyoti</p>
</body>
</html>
5 <pre> टैग (pre Formatted Text)-
<pre> टैग का प्रयोग कर यदि हम दो शब्दो के बीच में एक से अधिक स्पेस दे या एंटर का प्रयोग करे तो आउटपुट में एक से अधिक स्पेस तथा एंटर के स्थान पर एक ही स्पेस आ जाता है। किन्तु यदि हम आउटपुट में पैराग्राफ को वैसा ही देखना चाहते है जैसा कि हमने उसे टाइप किया है तो इसके लिए <PRE> TAG का प्रयोग किया जाता है।
6 <br> टैग (Line Break)-
इस TAB का प्रयोग LINE BREAK करने के लिए किया जाता है.
अर्थात इस टैग के बाद दिया जाने वाला टैक्सट अथवा ग्राफिक अगली लाइन में आता है।
<html>
<head>
<title> AKM </title>
</head>
<body Text="blue" Bgcolor="black"> <p> Hello, how Ru?I am Fine. </p>
<pre> Hello, How Ru?I am Fine.</pre>
<p> Hello, <br> how r u ?</P>
</body>
</head>
</html>
7. फॉर्मेटिंग (Formatting)-
वेब पेज पर प्रदर्शित होने वाले टैक्सट को कभी अलग अलग फॉर्मेट में प्रदर्शित करवाने की आवश्यकता पड़ती है। इसके विभिन्न टैग निम्न प्रकार है जो वेब पेज को अधिक प्रभावशाली बना सकते है
<b>, <I>,<u> टैग:- इन टैग का प्रयोग टैक्सट को बोल्ड इटेलिक तथा अण्डरलाइन करने के लिए प्रयोग किये जाते है।
<html>
<head>
<title> akm</title>
</head>
<body Text=”blue" Bgcolor="black">
<p>
<b> this is bold Text.</b><br>
<I> This is Italic Text. </I> <br>
<u> This is underline Text. </u><br>
<b><u><I>AKM BCA College </b></u></P>
</p>
</body>
</html>
8 <small> टैग:-
जिस प्रकार बिग टैग से फोंट साइज बढाई जाती है उसी प्रकार से इस टैग के प्रयोग से फोंट की साइज को घटाया जा सकता है।
<html>
<head>
<title> akm </title>
</head>
<body Text="blue" Bgcolor="black">
<p>
This is normal<br>
<big> This is big</big><br> <big><big>this is double big</big></big><br> <small>this is Small</small><br> <small><small>this is samller</small></small>
</p>
</body>
</html>
9 <big> टगः-
ब्राउजर में जो टैक्सट प्रदर्शित होता है उसका फोंट साइज 1 से 7 तक हो सकता है। जब हम फोंट के साइज को निर्धारित नहीं करते है तो उसका डिफॉल्ट फोंट साइज 3 होता है। यदि हम टैक्सट या उसके किसी भाग को इस टैग के बीच में लिखते है तो उसका फोंट साइज 1 से बढ़ जाता है। इसी प्रकार यदि दो बार इस टैग का प्रयोग किया जाए तो टैक्सट का साइज 2 से बढ जाता है। अर्थात साइज 5 हो जाती है।
10 <strike>टैग:-
इस टैग का प्रयोग टैक्सट को स्ट्राइक थ्रू प्रभाव देने के लिए किया जाता है। इसके लिए <s> टैग का प्रयोग भी किया जाता है।
<html>
<head>
<title> akm </title>
</head> I
<body Text="blue” Bgcolor="black">
<p><strike> This is Strike </strike><br> <s> This is Strike 1</s><br> X<sup>2</sup>+Y<sup>2</sup>H<sub>2</sub><br>
</p>
</body>
</html>
11 <sub>, <sup>टैग:-
इन दोनो टैग्स का प्रयोग टैक्सट पर सबस्क्रिप्ट या सुपरस्क्रिट प्रभाव देने के लिए किया जाता है।
<html>
<head>
<title> akm </title>
</head>
<body Text=”blue" Bgcolor="black">
<p>
<b> this is bold Text.</b><br>
<I> This is Italic Text. </I> <br>
<u> This is underline Text. </u><br>
<b><u><I>AKM BCA College </B></u></P>
</p>
</body>
</html>
12 <blink> टैग:-इस टैग के बीच में लिखा गया टैक्सट ब्लिंक करता हुआ दिखाई देता है। ध्यान रहे कि इस टैग का प्रभाव इन्टरनेट एक्सप्लोरर पर प्रदर्शित नहीं होता है किन्तु वहीं यह नेटस्केप नेविगेटर पर सही रूप से कार्य करता है।
13 <Hn> टैग (heading (Tag)- इस टैग का प्रयोग हैडिंग देने के लिए किया जाता है हैडिंग h1 से लेकर h6 तक हो सकते है। इस टैग के साथ निम्न एट्रीब्युट का प्रयोग किया जा सकता है: align हैडिंग का अलाइनमेंट left, Right, Center, justify सेट करने के लिए। <html>
<head>
</head>
<body>
<blink>Welcome</blink> <h1>Fruit Name</h1> <h2>Apple</h2> <h3>orange</h3> <h4>Mango</h4> <h5>Pineapple</h5> <h6>Banana</h6>
<title>AKM BCA College</title>
</body>
</head>
</html>
HTML PDF FILE FREE DOWNLOAD.
0 Comments
Please comment any query