HTML Tutorial for Your Skills & Learning And Development Web Disigning
HTML या Hypertext markup Language, जिसका उपयोग सबसे अधिक वेब प्रोग्रामिग के लिये किया जाता है। तकनीकी रुप मे एचटीएमएल प्रोग्रामिंग भाषा नही है परन्तु फिर भी यह मर्कुप भाषा है।
इस ब्लॉग या टोटुरियल के माध्यम से जो जानकारी मैंने आप के लिये उपलब्ध कराने की कौसिश की है जिसको प्राप्त करने के बाद आप सभी एचटीएमएल प्रोग्रामिंग भाषा को पूरी तरह समझने लगोगे, यह मैं आशा करता
Send your feedback using Contact Us Form
HTML Introduction एचटीएमएल का परिचय
एचटीएमएल का परिचय शुरू करने से पहले आप सभी को कुछ महत्तवपूर्ण कम्प्यूटर की आधारभूत जानकारी होना अत्यन्त आवश्यक है जिसके बिना एचटीएमएल आप ठीक से समझने में कठिनाई होगी जिसके लिये आप को विण्डोस या यूनिक्स का ज्ञान होना अत्यन्त आवश्यक है यदि आप को Windows or Unix का ज्ञान होगा तो HTML सीखना आपको बहुत आसान होगा जैसे कि
- वर्ड प्रोसेसिंग का ज्ञान और टैक्स एडिटरस
- फोल्डर कैसे बनाते है या फाइल कैसे बनाते है का ज्ञान
- आधारभूत समझ इण्टरनेट ब्राउसिंग या ब्राउसर जैसे इण्टरनेट एक्सप्लोरर या मोझिला फायर फॉक्स या गूगलक्रोम इत्यादी का ज्ञान
HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language.
Hypertext वह युक्ति है जिसके द्वारा हम उस HTML पेज पर जा सकते है जहां उसको लिंक किया जाता है अर्थात् जब आप लिंक पर क्लिक करते तो उस लिंक पर Hypertext का उपयोग होता है
Markup Language को समझने के लिए या HTML कैसे कार्य करता है के लिए कहा जा सकता है "mark up" अर्थात टैक्स डाक्यूमेण्ट टैग के साथ टेल जिसमें टैक्स बीच में लिखा जाता है और टेग और टेल के बीच में मार्कउप कर उसको पबलिस कर दिया जाता है जिसे वैब ब्राउसर पर डिसप्ले कर दिया जाता है जिससे इसे Markup Language कहते है
HTML को डेबेलप किया गया था वेब पेज मे टेक्स को व़यावस्थित रखा जाने के लिए जैसे कि किसी डाक्यूमेट को रखते है जिसमें headings, paragraphs, lists और टेबिल इत्यादी के लिए
Creating HTML Document:
HTML Document बनाना बहुत आसान है वेब पेज या एचटीएमएल पेज बनाने की शुरूआत करने से पहले आप को दो सॉफटवेयर की आवश्यकता होगी पहला कोई भी सिम्पल सा टैक्स एडिटर या नोट पेड दूसरा वेब ब्राउसर इन दोनो के आलावा आप चाहे तो बाजार से भी पैसे देकर कोई टैक्स् एडिटर खरीद कर एचटीएमएल फाइल बना सकतें है
- Open Notepad or another text editor.
- At the top of the page type <html>.
- On the next line, indent five spaces and now add the opening header tag: <head>.
- On the next line, indent ten spaces and type <title> </title>.
- Go to the next line, indent five spaces from the margin and insert the closing header tag: </head>.
- Five spaces in from the margin on the next line, type<body>.
- Now drop down another line and type the closing tag right below its mate: </body>.
- Finally, go to the next line and type </html>.
- In the File menu, choose Save As.
- In the Save as Type option box, choose All Files.
- Name the file template.htm.
- Click Save.
अब आपके सामने एक आधारभूत HTML document है जिसमें कुछ परिणाम दिखाई देगे जो आप code in title and body tags के बीच में लिखेगें
<html>
<head>
<title>Birendra yogi Services</title>
</head>
<body>
<h1> Learning html in hindi </h1>
<p>Document description goes here.....</p>
</body>
</html>
<head>
<title>Birendra yogi Services</title>
</head>
<body>
<h1> Learning html in hindi </h1>
<p>Document description goes here.....</p>
</body>
</html>
NOTE: One HTML file can have extension as .htm or .html. So you can use either of them based on your comfort.
अब आपका HTML page बनकर तैयार है यदि आप को यह समझ नहीं आ रहा है तो आप अपने वेब ब्राउसर का उपयोग करके इस HTML page को उसमें open करके परिणाम देखे अब में आशा करता हू कि आपको यह सिम्पल बनाकर खुश होगें
परन्तु आप सोच रहें होगें की वेब ब्राउसर में HTML page के कुछ content दिखाई नहीं दे रहें है जैसे <html>, <head>,...<p>, <h1> इत्यादी अर्थात इन्हे ही हम टेग कहते है जिन्हे वेब ब्राउसर कम्पाइल करके दिखाता है हम पहले ही पढ चुके है कि HTML के content टेग और टेल के बीच ब्लॉक में लिखे होते है इन्ही ब्लॉक के समूह से HTML page या HTML Document Structure बनाया जाता है
HTML Document Structure: एचटीएमएल डाक्यूमेन्ट का ढॉचा
एचटीएमएल डाक्यूमेन्ट हमेशा शुरू <html> टैग से अथवा बंद </html> टेग से होता है browser भी इन्ही दो tags tell को पूरे document को composed करता है इस टैग टेल के अन्दर ही document दो अन्य भागो में बॉटा जाता है
- <head>...</head> इस टैग से document के title और author की जानकारी प्रदर्शित की जा सकती है
- <body>...</body> इस टैग से document के उस content को लिखा जाता है जिसको आप स्क्रीन पर प्रदर्शित कराना चाहतें है