HTML से Web page कैसे बनाये ?
हेलो नमस्ते टेक्निकल परिवार में आपका स्वागत है दोस्तों आज की हमारी इस पोस्ट में हम सीखेंगे सिर्फ HTML से आप एक webpage कैसे बना सकते हैं। एचटीएमएल से वेब पेज बनाने के लिए आपको HTML ki basic jankari होनी चाहिए और बाकी हम आपको यहां पर बता रहे हैं। अगर आपको एचटीएमएल की बेसिक जानकारी पता है तो ही आप यहां सीख पाएंगे कि html से वेब पेज कैसे बनाएं।
हेलो नमस्ते टेक्निकल परिवार में आपका स्वागत है दोस्तों आज की हमारी इस पोस्ट में हम सीखेंगे सिर्फ HTML से आप एक webpage कैसे बना सकते हैं। एचटीएमएल से वेब पेज बनाने के लिए आपको HTML ki basic jankari होनी चाहिए और बाकी हम आपको यहां पर बता रहे हैं। अगर आपको एचटीएमएल की बेसिक जानकारी पता है तो ही आप यहां सीख पाएंगे कि html से वेब पेज कैसे बनाएं।
दोस्तों यहां पर हम आपको एक सीधा सा और साधारण सा एचटीएमएल वेब पेज बनाना सिखाएंगे अगर आप एचटीएमएल के बारे में जितना ज्यादा जान पाएंगे इतनी आसानी से और भी अच्छा एचटीएमएल वेब पेज बना पाएंगे लेकिन सभी तरीके की जानकारी एक ही पोस्ट में देना थोड़ा मुश्किल है।
HTML web page Banane se pahle main aapko Kuchh Jaruri baten Bata deta hun jo ki Kisi bhi webpage ko banane ke liye Pata Hona jaruri hai
Yadi HTML se aap ek webpage banana Chahte Hain. To aapko HTML ke coding Mein use kiye Jane Wale do Prakar ke elements hote hain Html tags aur attributes inke baare me jankari hona jaruri hain. Or inke alava aur kuchh bhi istemal nahin kiya jata hai agar aapko jitne Jyada HTML tags or attributes pata होते हैं तो आप उतनी ही ज्यादा अच्छी वेब पेज बना पाएंगे सभी तरीके के वेब पर आप बना सकते हैं अगर आप जानना चाहते हैं कि HTML TAGS or Attribute kind janakri kaise Jane ? तो यहां क्लिक करें
तो चलिए अब हम आपको बताते हैं एक बहुत ही सिंपल से वेब पेज बनाना यह एकदम सिंपल वेब पेज है जिसे हम यहां पर HTML coding के जरिए create करेंगे
ये कुछ बिंदु जरूर समझे :-
- Jab Bhi Koi Bhi HTML code likhna start Karte Hain To usne <html> tag Jarur Lagate Hain aur jab HTML कंप्लीट होती है तो <HTML> टैग से ही उसे close किया जाता है और किसी भी टैग को क्लोज करने के लिए < चिन्ह के बाद / लगाया जाता है जैसे </html>
- कोई भी अच्छे वेब पेज में यदि आप देखेंगे तो आप पयेँगे की वो पेज 2 या 3 भागो में बटा हुआ हैं पहला header और दूसरा Body और बहुत बार Footer तीसरा भाग भी स्तेमाल करते हैं।
- headar में सामान्यत शीर्षक लिखा जाता हैं।
- body में सामान्यत कुछ paragraphs, words , इमेजेज / photos, head lines आदि का इस्तेमाल करके एक लेख लिखा करते हैं
Header कैसे लिखे? header kaise likhe?
header लिखने से पहले हम <html> टैग से कोडन शुरू करते हैं और अंत में </html> टैग को बंद कर देते है
Koi bhi webpage taiyar Karte Hain To sabse pahle uska हेडर लिखते हैं और हैडर में title rakhte Hain
हैडर के लिए head Tag इस्तेमाल करते हैं और head tag एक प्रकार का क्लोजिंग टैग होता हैं <head> …….. </head >
title likhane ke liye Ham title tag ka use Karte Hain <title>
जब भी टाइटल लिखे तो html coding के <html> टैग में कुछ इस प्रकार String लिखी जाती हैं 👉
👉
<html>
<head>
<title> आपका शीर्षक </title>
</head>
</html>
Body कैसे लिखे ? body kaise likhe?
header के बाद body लिखा जाता हैं और बॉडी लिखने के लिए हम <body> tag ka इस्तेमाल करते हैं और इसी टैग के अंदर हम बॉडी के सारे तत्व जैसे हैडलाइन, फोटोस, किसी प्रकार का वाक्य या फिर पैराग्राफ आदि लिखने वाली html coding कि जाती हैं। हमारी बॉडी का कोडिंग पूरी हो जाने पर </body> टैग बंद कर देते हैं।
body me headlines kaise likhe?
Headline बॉडी में 4 तरीके से लिखते हैं h1, h2, h3 और h4 अगर आपको कोई main headline रखनी हैं तो h 1 का इस्तेमाल करेंगे और यदि main headline के अंदर कोई और sub headline बनती हैं तो उनके लिए h 2 टैग का इस्तेमाल करेंगे अगर इसमें भी कोई sub headline की minor headlines डालनी पड़े तो आप h 3 टैग करे, ये सभी टैग क्लोज टैग हैं <h>headline</h1>
paragraph kaise likhe html se?
यदि आप web page में कोई भी पैराग्राफ लिख रहे हो तो <p> टैग का इस्तेमाल करे और पैराग्राफ पूरा होने के बाद इस टैग को बंद जरूर कर दे, </p> कुछ ऐसे।
जैसे <p> your paragraph </p>
क्या आपने यहाँ पढा 👉 HTML kya hain?
क्या आपने यहाँ पढा 👉 SEO post kaise likhe?
क्या आपने यहाँ पढा 👉 blogging kya hain puri jankari
क्या आपने यहाँ पढा 👉 SEO post kaise likhe?
क्या आपने यहाँ पढा 👉 blogging kya hain puri jankari
Result coding
अब आपने उपर कुछ html tag जान गए और एक आईडिया बता दिया की html कैसे लिखी जाती हैं अब आप निचे जो देखेंगे वो पुरे पेज की html coding हैं जो आपने अलग अलग सीखी हैं
<html>
<head>
<title> आपका शीर्षक </title>
</head>
<body>
<h1> main headline<h1>
<h2>sub headline<h2>
<p> paragraph </p>
</body>
<title> आपका शीर्षक </title>
</head>
<body>
<h1> main headline<h1>
<h2>sub headline<h2>
<p> paragraph </p>
</body>
</html>
out put
इस image में आप इस coding का आउट पुट देख सकते हैं
आप इस coding को ध्यान से देख कर और समज सखते ह जो भी आपने उपर सीखा उसको इस कोड में समझने का फिर से प्रयास करे
थन्यवाद
