तेरी रहगुज़र पे मेरी नज़र
तुझे ढूंढती है ओ बेखबर
शबो रोज़ है तेरी जुस्तुजू
मेरी ज़िंदगी बस अब आ इधर
तुझे किस तरह मैं पुकार लूं
तुझे कैसे मैं आवाज़ दूं
तेरे नाम से भी हूं बेखबर
मेरी ज़िंदगी बस अब आ इधर
तू ही दिलरुबा तू ही दिलनशीं
तू ही माहरू तू ही महजबीं
तू ही हमक़दम तू ही हमसफ़र
मेरी ज़िंदगी बस अब आ इधर
Come what may, I will not let you go.
चाहे जो हो जाए, मैं तुम्हें जाने नहीं दूंगा।
Come what may, I will not leave you alone.
चाहे कुछ भी हो, मैं तुम्हें अकेला नहीं छोडूंगा।
Come what may, I will always stand by you.
चाहे कुछ भी हो जाए, मैं हमेशा तुम्हारे साथ रहूंगा।
Come what may, I won’t give up.
चाहे कुछ भी हो जाए, मैं हार नहीं मानूंगा।
Come what may, I’ll protect you.
चाहे कुछ भी हो जाए, मैं तुम्हारी रक्षा करूंगा।
Come what may, I’ll never lie to you.
चाहे कुछ भी हो जाए, मैं तुमसे झूठ नहीं बोलूंगा।
Come what may, I’ll trust you.
चाहे कुछ भी हो, मैं तुम पर भरोसा करूंगा।
Come what may, I will never hate you.
चाहे जो हो जाए, मैं तुमसे नफरत नहीं करूंगा।
Come what may, I’ll be your strength.
चाहे कुछ भी हो जाए, मैं तुम्हारी ताकत बनूंगा।
Come what may, I’ll keep trying.
चाहे कुछ भी हो जाए, मैं कोशिश करता रहूंगा।
Come what may, I won’t run away.
चाहे जो भी हो, मैं भागूंगा नहीं।
Come what may, I’ll smile.
चाहे कुछ भी हो, मैं मुस्कुराता रहूंगा।
Come what may, I’ll never hurt you.
चाहे कुछ भी हो जाए, मैं तुम्हें कभी तकलीफ नहीं दूंगा।
Come what may, I’ll keep loving you.
चाहे जो हो जाए, मैं तुम्हें प्यार करता रहूंगा।
Come what may, I’ll always support you.
चाहे कुछ भी हो जाए, मैं हमेशा तुम्हारा साथ दूंगा।
Come what may, I’ll stay positive.
चाहे कुछ भी हो, मैं सकारात्मक बना रहूंगा।
Come what may, I’ll win one day.
चाहे कुछ भी हो जाए, मैं एक दिन जीतूंगा।
Come what may, I’ll fulfill my dream.
चाहे जो हो जाए, मैं अपना सपना पूरा करूंगा।
Come what may, I won’t cry.
चाहे कुछ भी हो जाए, मैं रोऊंगा नहीं।
Come what may, I won’t stop.
चाहे कुछ भी हो जाए, मैं रुकूंगा नहीं।
Come what may, I’ll stay loyal.
चाहे कुछ भी हो, मैं वफादार रहूंगा।
Come what may, I’ll not cheat.
चाहे कुछ भी हो जाए, मैं धोखा नहीं दूंगा।
Come what may, I’ll never leave your hand.
चाहे कुछ भी हो, मैं तुम्हारा हाथ नहीं छोड़ूंगा।
Come what may, I’ll always pray for you.
चाहे कुछ भी हो, मैं तुम्हारे लिए दुआ करता रहूंगा।
Come what may, I will fight for my rights.
चाहे कुछ भी हो जाए, मैं अपने हक के लिए लड़ूंगा।
Come what may, I’ll be fearless.
चाहे जो भी हो जाए, मैं निडर रहूंगा।
Come what may, I’ll stay calm.
चाहे कुछ भी हो जाए, मैं शांत रहूंगा।
Come what may, I will never forget you.
चाहे कुछ भी हो जाए, मैं तुम्हें कभी नहीं भूलूंगा।
Come what may, I’ll follow my passion.
चाहे कुछ भी हो, मैं अपने जुनून के पीछे जाऊंगा।
Come what may, I will speak the truth.
चाहे कुछ भी हो जाए, मैं सच बोलूंगा।
Come what may, I won’t break my promise.
चाहे जो भी हो, मैं अपना वादा नहीं तोड़ूंगा।
Come what may, I will achieve my goal.
चाहे कुछ भी हो जाए, मैं अपना लक्ष्य हासिल करूंगा।
Come what may, I’ll finish what I started.
चाहे कुछ भी हो जाए, मैं जो शुरू किया वो पूरा करूंगा।
Come what may, I will rise again.
चाहे कुछ भी हो जाए, मैं फिर उठ खड़ा होऊंगा।
Come what may, I’ll be honest.
चाहे कुछ भी हो जाए, मैं ईमानदार रहूंगा।
Come what may, I’ll never betray you.
चाहे जो हो जाए, मैं तुम्हें धोखा नहीं दूंगा।
Come what may, I’ll not lose hope.
चाहे कुछ भी हो जाए, मैं उम्मीद नहीं छोड़ूंगा।
Come what may, I’ll be there when you need me.
चाहे कुछ भी हो, जब तुम्हें मेरी जरूरत होगी मैं मौजूद रहूंगा।
Come what may, I’ll fight for justice.
चाहे कुछ भी हो जाए, मैं न्याय के लिए लड़ूंगा।
Come what may, I will not repeat my mistake.
चाहे कुछ भी हो, मैं अपनी गलती नहीं दोहराऊंगा।
Come what may, I’ll care for you.
चाहे कुछ भी हो जाए, मैं तुम्हारी परवाह करता रहूंगा।
Come what may, I’ll always be proud of you.
चाहे कुछ भी हो जाए, मुझे तुम पर गर्व रहेगा।
Come what may, I’ll keep learning.
चाहे कुछ भी हो जाए, मैं सीखता रहूंगा।
Come what may, I’ll never give in to fear.
चाहे कुछ भी हो जाए, मैं डर के आगे नहीं झुकूंगा।
Come what may, I will remain strong.
चाहे कुछ भी हो जाए, मैं मजबूत बना रहूंगा।
Come what may, I will not hate anyone.
चाहे कुछ भी हो, मैं किसी से नफरत नहीं करूंगा।
Come what may, I’ll spread love.
चाहे कुछ भी हो, मैं प्यार फैलाऊंगा।
Come what may, I’ll respect everyone.
चाहे कुछ भी हो, मैं सबका सम्मान करूंगा।
Come what may, I’ll not compare myself to others.
चाहे कुछ भी हो, मैं खुद की तुलना दूसरों से नहीं करूंगा।
Come what may, I’ll believe in myself.
चाहे कुछ भी हो, मैं खुद पर भरोसा करूंगा।
Come what may, I’ll stay humble.
चाहे कुछ भी हो, मैं विनम्र रहूंगा।
Come what may, I’ll never stop loving life.
चाहे कुछ भी हो जाए, मैं ज़िंदगी से प्यार करना नहीं छोड़ूंगा।
1. आलू छील लो ।
Peel the potatoes.
2. दूध छान दो।
Strain the milk.
3. आटा छान दो।
Sift the flour.
4. लहसुन काट दो।
Pestle the garlic.
5. मसाले पीस दो।
Grind the spices.
6. आटा गूंथ लो
Knead the dough.
7. रोटियां सेंक दो।
Bake the chapaties.
8. रोटियां बना दो।
Roll the chapaties.
9. रोटियां पलट दो।
Flip the chapaties.
10. पानी उबाल दो।
Boil the water.
11. चाय बना दो।
Make the tea.
12. गैस जला दो।
Turn on the stove.
13. गैस बंद कर दो।
Turn off the stove.
14. चाय छान दो।
Strain the tea.
15. सब्जी धो लो।
Wash the vegetables.
16. प्याज काट दो।
Chop the onions.
17. टमाटर काट दो।
Slice the tomatoes.
18. पानी भर दो।
Fill the water.
19. गिलास धो दो।
Wash the glass.
20. बर्तन साफ कर दो।
Clean the utensils.
21. चावल छान लो।
Drain the rice.
22. चावल पका दो।
Cook the rice.
23. सब्जी भून दो।
Sauté the vegetables.
24. दाल पका लो।
Cook the lentils.
25. नमक डाल दो।
Add the salt.
26. चीनी डाल दो।
Add the sugar.
27. चम्मच ले आओ।
Bring the spoon.
28. प्लेट रख दो।
Place the plate.
29. खाना परोस दो।
Serve the food.
30. खाना खा लो।
Eat the food
31. झाड़ू लगा दो।
Sweep the floor.
32. पोछा लगा दो।
Mop the floor.
33. बाल्टी भर दो।
Fill the bucket.
34. कपड़े धो दो।
Wash the clothes.
35. कपड़े सुखा दो।
Dry the clothes.
36. कपड़े प्रेस कर दो।
Iron the clothes.
37. दरवाज़ा बंद कर दो।
Close the door.
38. दरवाज़ा खोल दो।
Open the door.
39. खिड़की खोल दो।
Open the window.
40. खिड़की बंद कर दो।
Close the window.
41. लाइट जला दो।
Turn on the light.
42. लाइट बंद कर दो।
Turn off the light.
43. पंखा चला दो।
Switch on the fan.
44. पंखा बंद कर दो।
Switch off the fan.
46. टीवी चला दो।
Turn on the TV.
47. टीवी बंद कर दो।
Turn off the TV.
48. बिस्तर बिछा दो।
Make the bed.
49. तकिया रख दो।
Place the pillow.
50. अलमारी बंद कर दो।
Shut the cupboard.
51. अलमारी खोल दो।
Open the cupboard.
52. पानी पिला दो।
Give water to drink.
53. बेलन पकड़ लो।
Hold the rolling pin.
54. रोटी बेल लो।
Roll the chapati.
55. सब्जी काट लो।
Cut the vegetables.
56. दाल छान लो।
Strain the dal.
57. झाग निकाल दो।
Remove the foam.
58. छुरी ले आओ।
Bring the knife.
59. ढक्कन हटा दो।
Remove the lid.
60. ढक्कन लगा दो।
Put the lid on.
HTML टेक्स्ट फॉर्मेटिंग टैग्स आपकी वेबसाइट के कंटेंट को बेहतर दिखाने और SEO के लिए ऑप्टिमाइज़ करने में मदद करते हैं। <b> और <strong> का उपयोग महत्वपूर्ण टेक्स्ट को बोल्ड करने के लिए किया जाता है।
जबकि <i> और <em> टेक्स्ट को italic और emphasized दिखाने में मदद करते हैं। <mark> टैग किसी भी महत्वपूर्ण शब्द को highlight करने के लिए उपयोगी होता है, जिससे पाठक तुरंत उसे नोटिस कर सकें। वहीं, <small> छोटे टेक्स्ट को दिखाने में मदद करता है, जैसे कि फाइन प्रिंट या डिस्क्लेमर।
अगर आप टेक्स्ट को अधिक प्रभावशाली बनाना चाहते हैं, तो <del> और <ins> का उपयोग कर सकते हैं, जिससे यह दिखाया जा सकता है कि कोई शब्द हटाया गया है या नया जोड़ा गया है।
<sub> और <sup> टैग वैज्ञानिक और गणितीय फॉर्मूलों के लिए जरूरी होते हैं, जैसे H<sub>2</sub>O (पानी का केमिकल फॉर्मूला) या 10<sup>2</sup> (10 का स्क्वायर)। ये सभी HTML टैग्स न केवल आपके वेबपेज की readability को सुधारते हैं, बल्कि सर्च इंजन ऑप्टिमाइजेशन (SEO) में भी मदद करते हैं, जिससे आपकी वेबसाइट सर्च रिजल्ट में बेहतर रैंक कर सकती है।
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript
HTML में टेक्स्ट को फॉर्मेट करने के लिए अलग-अलग टैग होते हैं। आइए हर टैग का एक-एक उदाहरण देखें:
यह टैग टेक्स्ट को बोल्ड करता है।
Example:
<p>This is <b>bold</b> text.</p>
Output:
This is bold text.
इसका उपयोग किसी टेक्स्ट को महत्वपूर्ण दिखाने के लिए किया जाता है।
Example:
<p>This is <strong>important</strong> text.</p>
Output:
This is important text.
यह टेक्स्ट को italic स्टाइल में दिखाता है।
Example:
<p>This is <i>italic</i> text.</p>
Output:
This is italic text.
इसका उपयोग टेक्स्ट को जोर देकर पढ़ाने के लिए किया जाता है।
Example:
<p>This is <em>emphasized</em> text.</p>
Output:
This is emphasized text.
इसका उपयोग टेक्स्ट को highlight करने के लिए किया जाता है।
Example:
<p>This is <mark>highlighted</mark> text.</p>
Output:
This is <mark>highlighted</mark> text.
यह टेक्स्ट को छोटे साइज में दिखाता है।
Example:
<p>This is <small>small</small> text.</p>
Output:
This is <small>small</small> text.
यह टेक्स्ट को कटे हुए (strike-through) दिखाने के लिए उपयोग किया जाता है।
Example:
<p>This is <del>deleted</del> text.</p>
Output:
This is deleted text.
इसका उपयोग नए जोड़े गए टेक्स्ट को दिखाने के लिए किया जाता है।
Example:
<p>This is <ins>inserted</ins> text.</p>
Output:
This is <ins>inserted</ins> text.
इसका उपयोग सबस्क्रिप्ट (नीचे लिखा हुआ) टेक्स्ट के लिए किया जाता है, जैसे कि केमिकल फॉर्मूला।
Example:
<p>H<sub>2</sub>O is the chemical formula for water.</p>
Output:
H₂O is the chemical formula for water.
इसका उपयोग superscript (ऊपर लिखा हुआ) टेक्स्ट के लिए किया जाता है, जैसे कि गणितीय घातांक (exponent)।
Example:
<p>2<sup>3</sup> = 8</p>
Output:
2³ = 8
HTML में इन टेक्स्ट फॉर्मेटिंग टैग्स का उपयोग करके आप अपने वेबपेज के टेक्स्ट को बेहतर बना सकते हैं। <b> और <strong>, <i> और <em> में semantic अंतर होता है, लेकिन दिखने में ये लगभग समान होते हैं।
CSS का मतलब है Cascading Style Sheets। यह एक स्टाइलिंग लैंग्वेज है जिसका उपयोग वेब पेज को सुंदर और आकर्षक बनाने के लिए किया जाता है। HTML के साथ मिलकर, CSS वेब पेज की लुक और फील को कंट्रोल करता है।
.webp)
CSS वेब डिजाइन का एक महत्वपूर्ण हिस्सा है, जो आपकी वेबसाइट को प्रोफेशनल और यूजर-फ्रेंडली बनाता है।
CSS को आसान भाषा में समझें तो यह आपकी वेबसाइट के कपड़े और मेकअप जैसा है।
अगर HTML को एक कंकाल (skeleton) माना जाए, तो CSS उसे सुंदर, आकर्षक और व्यवस्थित बनाने का काम करता है।
HTML से आप वेबपेज का ढांचा तैयार करते हैं, जैसे हेडिंग, पैराग्राफ, इमेज आदि।
CSS उन चीज़ों की शकल-सूरत तय करता है—जैसे टेक्स्ट का रंग, साइज, बैकग्राउंड, बटन का डिज़ाइन, और एलिमेंट्स की पोजिशन।
उदाहरण के तौर पर:
सोचिए, एक साधारण HTML पेज पर सिर्फ टेक्स्ट और इमेज हैं। अब CSS से आप-
टेक्स्ट का रंग लाल कर सकते हैं।
इमेज को गोल कर सकते हैं।
बैकग्राउंड में रंग या तस्वीर जोड़ सकते हैं।
पूरा पेज मोबाइल और कंप्यूटर पर अलग-अलग तरीके से दिखा सकते हैं।
इस तरह, CSS आपकी वेबसाइट को देखने में आकर्षक और उपयोग करने में आसान बनाता है।
CSS एक वेबपेज के "मेकअप आर्टिस्ट" की तरह काम करता है। HTML से जो कंकाल (structure) बनता है, CSS उसे खूबसूरत और आकर्षक बना देता है।
रंग (Color): टेक्स्ट या बैकग्राउंड का कलर सेट करना।
फॉन्ट (Font): टेक्स्ट का स्टाइल, साइज और फॉन्ट टाइप कंट्रोल करना।
टेक्स्ट का साइज (Size of Text): टेक्स्ट को छोटा या बड़ा दिखाना।
एलिमेंट्स के बीच स्पेसिंग (Spacing): HTML एलिमेंट्स के बीच गैप सेट करना।
पोजिशनिंग (Positioning): वेबपेज पर एलिमेंट्स को सही जगह पर पोजिशन करना।
बैकग्राउंड इमेज या कलर: बैकग्राउंड में इमेज या कोई कलर जोड़ना।
डिवाइस के अनुसार डिजाइन (Responsive Design): अलग-अलग स्क्रीन साइज और डिवाइस के लिए वेबपेज का लेआउट बदलना।
1. HTML और CSS को ब्राउज़र लोड करता है:
सबसे पहले, ब्राउज़र HTML फाइल को पढ़ता है।
HTML फाइल में जो भी कंटेंट (जैसे टेक्स्ट, इमेज, बटन आदि) होता है, उसे ब्राउज़र "DOM" (Document Object Model) नाम की एक संरचना में बदल देता है।
फिर ब्राउज़र देखता है कि HTML में कौन-कौन सी CSS फाइल्स लिंक की गई हैं।
2. CSS फाइल लोड होती है:
HTML के साथ लिंक की गई CSS फाइल्स को ब्राउज़र अलग से लोड करता है।
CSS फाइल में लिखा कोड यह तय करता है कि वेबपेज के हर एलिमेंट (जैसे हेडिंग, पैराग्राफ, बैकग्राउंड) को कैसे दिखना है।
3. CSS और HTML का मिलान:
ब्राउज़र HTML और CSS को मिलाकर तय करता है कि किस एलिमेंट पर कौन-सा स्टाइल लागू करना है।
अगर एक ही एलिमेंट पर कई CSS नियम लागू हो रहे हैं (जैसे अलग-अलग फाइल्स में लिखा गया हो), तो CSS का "Cascading" नियम तय करता है कि कौन-सा नियम प्राथमिकता में आएगा।
4. फाइनल लुक तैयार होता है:
HTML से कंटेंट आता है, और CSS से उसका डिज़ाइन तय होता है।
ब्राउज़र इसे मिलाकर स्क्रीन पर फाइनल वेबसाइट दिखाता है।
उदाहरण:
HTML कहता है: "यह एक पैराग्राफ है।"
CSS कहता है: "इस पैराग्राफ का रंग नीला होना चाहिए और टेक्स्ट को सेंट्रल में दिखाओ।"
ब्राउज़र दोनों को मिलाकर आपको स्क्रीन पर एक नीले रंग का, सेंट्रलाइज्ड पैराग्राफ दिखाता है।
लोडिंग: HTML और CSS दोनों फाइल्स लोड होती हैं।
पार्सिंग: HTML और CSS को कंप्यूटर की भाषा में बदला जाता है।
DOM और CSSOM बनता है: HTML का DOM (Document Object Model) और CSS का CSSOM (CSS Object Model) तैयार होता है।
रेंडरिंग: दोनों को मिलाकर ब्राउज़र फाइनल वेबपेज तैयार करता है।
CSS का वेब डिजाइनिंग में बहुत महत्वपूर्ण योगदान है। यह वेबसाइट को उपयोगकर्ता के लिए अधिक आकर्षक और उपयोगी बनाता है। इसकी प्रमुख भूमिकाएं हैं:
1. वेबपेज का स्टाइल और लेआउट तैयार करना:
CSS का उपयोग करके आप टेक्स्ट का रंग, फॉन्ट, बैकग्राउंड, और बॉर्डर जैसी चीज़ों को आसानी से कंट्रोल कर सकते हैं।
यह वेब पेज को साफ, सुंदर और उपयोगकर्ता-अनुकूल (user-friendly) बनाता है।
2. रिस्पॉन्सिव डिजाइन:
CSS का उपयोग वेबसाइट को मोबाइल, टैबलेट, और डेस्कटॉप जैसे अलग-अलग डिवाइस पर सही ढंग से दिखाने के लिए किया जाता है।
यह मीडिया क्वेरी (media query) की मदद से स्क्रीन साइज के अनुसार लेआउट बदलने की सुविधा देता है।
3. HTML और CSS को अलग करना:
CSS के कारण HTML सिर्फ कंटेंट के लिए उपयोग होता है, जबकि CSS पूरे डिज़ाइन को कंट्रोल करता है।
इससे कोडिंग क्लीन और मेंटेन करना आसान हो जाता है।
4. संगठन और पुनः उपयोग:
CSS को एक अलग फाइल में लिखा जा सकता है, जिसे कई HTML पेज के साथ जोड़ा जा सकता है।
एक ही CSS फाइल से पूरी वेबसाइट का डिज़ाइन कंट्रोल किया जा सकता है।
5. वेबसाइट के लुक को बेहतर बनाना:
CSS का उपयोग करके एनिमेशन, ट्रांजिशन, और विजुअल इफेक्ट्स जोड़े जा सकते हैं, जो वेबसाइट को आकर्षक बनाते हैं।
1. स्टाइल जोड़ने के लिए:
CSS का उपयोग टेक्स्ट और एलिमेंट्स के लिए स्टाइल जोड़ने में किया जाता है।
टेक्स्ट का रंग बदलना
बैकग्राउंड इमेज और रंग जोड़ना
फॉन्ट स्टाइल और साइज बदलना
2. लेआउट बनाने के लिए:
CSS की मदद से आप वेब पेज के एलिमेंट्स को व्यवस्थित कर सकते हैं।
फ्लेक्सबॉक्स और ग्रिड लेआउट का उपयोग
एलिमेंट्स को सेंट्रल, लेफ्ट या राइट अलाइन करना
कॉलम और रो में कंटेंट को बांटना
3. रिस्पॉन्सिव डिजाइन:
CSS का उपयोग वेबसाइट को अलग-अलग स्क्रीन साइज पर बेहतर तरीके से दिखाने के लिए किया जाता है।
@media (max-width: 768px) {
body {
background-color: lightblue;
}
}
4. एनिमेशन और ट्रांजिशन:
CSS का उपयोग वेब पेज में इफेक्ट्स और एनिमेशन जोड़ने के लिए होता है।
button:hover {
background-color: red;
transition: background-color 0.5s;
}
Inline CSS का उपयोग तब किया जाता है जब हमें सिर्फ एक HTML एलिमेंट पर स्टाइल लगानी हो। इसे HTML टैग के अंदर style एट्रिब्यूट के जरिए लिखा जाता है। यह तरीका त्वरित बदलाव के लिए अच्छा है, लेकिन पूरे वेब पेज पर इसका उपयोग करना मुश्किल और अव्यवस्थित हो सकता है।
Inline CSS कैसे काम करता है? (Step-by-Step)
1. HTML टैग में स्टाइल जोड़ना:
Inline CSS को सीधे HTML के किसी भी टैग में जोड़ा जा सकता है।
उदाहरण:
<p style="color: blue; font-size: 18px;">यह एक नीले रंग का पैराग्राफ है।</p>
इसमें:
color: blue; टेक्स्ट का रंग नीला होगा।
font-size: 18px; टेक्स्ट का आकार 18 पिक्सल होगा।
2. हर टैग पर अलग-अलग स्टाइल लगाना:
Inline CSS के साथ आपको हर टैग में अलग-अलग स्टाइल लिखनी पड़ती है।
उदाहरण:
<h1 style="color: red;">यह लाल हेडिंग है</h1>
<h2 style="color: green;">यह हरे रंग की सब-हेडिंग है</h2>
<p style="color: blue;">यह नीले रंग का पैराग्राफ है</
p>
हर टैग के लिए स्टाइल अलग से लिखना पड़ता है, जिससे कोड बड़ा और जटिल हो सकता है।
Inline CSS का उपयोग कब करें?
1. Preview और Testing:
जब आपको तुरंत कुछ बदलाव चेक करना हो।
उदाहरण:
<button style="background-color: yellow; border: none;">यह बटन है</button>
यह कोड बटन का बैकग्राउंड पीला बना देगा।
2. Quick Fixes:
अगर वेबसाइट के किसी एक हिस्से में समस्या है और उसे जल्दी ठीक करना है।
उदाहरण:
<div style="text-align: center; padding: 10px;">यह सेंटर में अलाइन किया गया डिव है।</div>
3. Individual Element Styling:
जब किसी एक ही एलिमेंट पर विशेष स्टाइल लगानी हो।
1. कोई अलग फाइल नहीं चाहिए:
CSS कोड HTML टैग में ही लिखा जाता है।
उदाहरण:
<h1 style="color: purple;">पर्पल हेडिंग</h1>
2. Quick Change:
छोटी वेबसाइट्स में या तत्काल बदलाव के लिए उपयोगी।
उदाहरण:
<p style="background-color: lightgray;">ग्रे बैकग्राउंड वाला पैराग्राफ।</p>
1. कोड अव्यवस्थित हो जाता है:
हर टैग पर स्टाइल लिखने से HTML को पढ़ना और समझना मुश्किल हो जाता है।
उदाहरण:
<h1 style="color: red; font-size: 20px;">हेडिंग 1</h1>
<h1 style="color: green; font-size: 25px;">हेडिंग 2</h1>
अगर ऐसे कई एलिमेंट्स हैं, तो कोड मैनेज करना कठिन हो जाता है।
2. Repetition:
हर जगह स्टाइल को बार-बार लिखना पड़ता है।
उदाहरण:
<p style="color: black;">ब्लैक टेक्स्ट</p>
<p style="color: black;">ब्लैक टेक्स्ट</p>
External CSS में इसे एक ही बार डिफाइन करके कई जगह लागू किया जा सकता है।
HTML फाइल खोलें:
HTML फाइल को एडिटर (जैसे VS Code) में खोलें।
HTML टैग को चुनें:
जिस टैग पर style लगाना है, उसे चुनें।
Style Attribute जोड़ें:
टैग में style="" जोड़ें और उसके अंदर CSS प्रॉपर्टीज लिखें।
उदाहरण:
<h1 style="color: orange; text-align: center;">This is orange heading</h1>
Inline CSS त्वरित और सरल है, लेकिन इसे अधिक उपयोग करना ठीक नहीं है। यह मुख्य रूप से छोटे बदलाव, टेस्टिंग, या फौरी समाधान के लिए उपयोगी है। बड़ी वेबसाइट्स के लिए External CSS या Internal CSS का उपयोग करना बेहतर होता है।
Embedded CSS को Internal CSS भी कहा जाता है। इसे HTML फाइल के <head> टैग के अंदर लिखा जाता है। यह सिर्फ उसी HTML पेज पर लागू होता है जहां इसे जोड़ा गया है। यह तरीका तब उपयोगी है जब आपको सिर्फ एक पेज के लिए स्टाइल सेट करनी हो।
Embedded CSS (Internal CSS) को HTML के <head> सेक्शन में लिखा जाता है और इसका उपयोग तब किया जाता है जब किसी एक वेब पेज को खास स्टाइल देने की जरूरत हो।
1. Open HTML File:
HTML फाइल को किसी टेक्स्ट एडिटर (जैसे, VS Code) में खोलें।
2. Go to the <head> Tag:
<head> टैग में <style> टैग जोड़ें।
3. Add CSS Code:
CSS कोड को <style> टैग के अंदर लिखें।
<style type="text/css">
/* CSS code goes here */
</style>
4. Close the <style> Tag:
CSS को समाप्त करने के लिए </style> टैग का उपयोग करें।
5. Save and View Changes:
फाइल को सेव करें और ब्राउज़र में check करके देखें।
<!DOCTYPE html>
<head>
<style type="text/css">
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: navy;
text-align: center;
}
p {
color: darkgray;
font-size: 18px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>This is an Embedded CSS Example</h1>
<p>This is an example paragraph styled using embedded CSS. The background is light blue, and this text is dark gray.</p>
</body>
</html>
No External File Required:
CSS कोड को HTML फाइल में ही लिखा जाता है।
यह छोटे प्रोजेक्ट्स के लिए समय बचाता है।
Faster Page Loading:
कोई अतिरिक्त CSS फाइल अपलोड नहीं करनी पड़ती।
Single Page Styling:
एक पेज पर खास स्टाइल लागू करना आसान है।
Limited to One Page:
यह केवल उस पेज पर लागू होता है जहां CSS लिखा गया है।
हर पेज के लिए अलग-अलग CSS लिखने से समय और प्रयास बढ़ता है।
Not Suitable for Large Projects:
बड़ी वेबसाइट्स के लिए External CSS बेहतर होता है।
Single Page Design: जब सिर्फ एक HTML पेज को अलग स्टाइल देना हो।
Small Projects: छोटे प्रोजेक्ट्स में जहां स्टाइल कोड कम हो।
Quick Testing: डिजाइन का प्रीव्यू देखने या टेस्टिंग के लिए।
Embedded CSS मुख्य रूप से छोटे प्रोजेक्ट्स और एकल वेब पेज के लिए उपयोगी है, लेकिन बड़ी वेबसाइट्स के लिए External CSS ज्यादा बेहतर है।
CSS (Cascading Style Sheets) वेब डिजाइनिंग का एक महत्वपूर्ण हिस्सा है, जो वेब पेज के लुक और फील को नियंत्रित करता है। यह HTML के साथ मिलकर वेब पेज को आकर्षक और यूजर-फ्रेंडली बनाता है।
वेब डिज़ाइनिंग में CSS का मुख्य रोल लेआउट कंट्रोल, रंग संयोजन, फॉन्ट स्टाइलिंग, रेस्पॉन्सिव डिज़ाइन और एनिमेशन को हैंडल करना होता है। यह वेबसाइट को सिर्फ सुंदर ही नहीं, बल्कि उपयोग में आसान और तेज़ लोडिंग वाला भी बनाता है।
आज के डिजिटल युग में, एक अच्छी वेबसाइट की पहचान उसके डिज़ाइन और परफॉर्मेंस से होती है, और CSS इसमें अहम भूमिका निभाता है। इसलिए, एक वेब डेवलपर या डिज़ाइनर के लिए CSS को समझना और सही तरीके से उपयोग करना बेहद ज़रूरी है।
Html में style attribute का उपयोग कैसे करें
Code द्वारा goole drive की images कैसे शो करें
HTML Attribute क्या है? Beginners के लिए complete guide
HTML basic guide for beginners in hindi