एचटीएमएल में पृष्ठभूमि की छवि को ठीक कैसे करें

यदि आप अपने वेब पेज पर कोई चित्र जोड़ना चाहते हैं, तो आपको HTML की आवश्यकता है। यदि आप अपने वेब पेज पर पृष्ठभूमि के रूप में एक छवि सेट करना चाहते हैं, तो आपको HTML और CSS की आवश्यकता है। एचटीएमएल का अर्थ है "हाइपरटेक्स्ट मार्कअप भाषा" और वह कोड है जो ब्राउज़र को बताता है कि उन्हें वेब पेज पर क्या दिखना चाहिए। सीएसएस का मतलब है "कैस्केडिंग शैली पत्रक" और इसका उपयोग वेब पेज के रूप और डिजाइन को बदलने के लिए किया जाता है। शुरू करने के लिए, आपको पृष्ठभूमि छवि की आवश्यकता होगी जिसे आप अपने वेब पेज पर उपयोग करना चाहते हैं।

चरणों

Video: Como hacer una Pagina Mobile First y Responsive Design 18 | Elementos Visuales de una web

2

एचटीएमएल फ़ोल्डर में पृष्ठभूमि छवि रखें। उस चित्र को ढूंढें जिसे आप पृष्ठभूमि के रूप में उपयोग करना चाहते हैं और इसे अपने HTML फ़ोल्डर में सहेजें।

3

एक HTML फ़ाइल बनाएं एक पाठ संपादक खोलें और एक नई फ़ाइल बनाएं। उस फ़ाइल को नाम के साथ सहेजें index.html.

2

छवि का यूआरएल जोड़ें लाइन के लिए index.html फ़ाइल खोजें पृष्ठभूमि-छवि: यूआरएल (" ") -. कोष्ठक के बीच कर्सर रखें और उस फ़ाइल का नाम लिखें जिसमें पृष्ठभूमि की छवि है। छवि फ़ाइल के एक्सटेंशन को शामिल करना सुनिश्चित करें

जब आप समाप्त करते हैं, तो आपको इस प्रकार दिखना चाहिए:
पृष्ठभूमि-छवि: यूआरएल ("imagendefondo.jpg") -

हर बार जब आप पथ या यूआरएल के बिना एक फ़ाइल नाम का उपयोग करते हैं, वेब ब्राउजर उस फ़ोल्डर में छवि के लिए खोज करेगा जहां वेब पेज संग्रहीत है। यदि फ़ाइल सिस्टम पर किसी अन्य फ़ोल्डर में है, तो आपको फ़ाइल का पूरा पथ जोड़ना होगा।

3

HTML फ़ाइल सहेजें

2

HTML फ़ाइल को संपादित करें टेक्स्ट एडिटर विंडो में, लेबल के बीच कर्सर रखें और और फिर लिखना "हैलो दुनिया!"। यह देखने के लिए ब्राउज़र विंडो अपडेट करें कि पाठ पृष्ठभूमि की छवि के ऊपर दिखाई देता है या नहीं।

2

जानें कि DOCTYPE टैग का अर्थ क्या है सभी अच्छी तरह से लिखित HTML पृष्ठों को शुरू करना चाहिए . यह वह ब्राउज़र है जो HTML फ़ाइल को HTML फ़ाइल कहते हैं।

Video: Desarrollo de Extensiones para Chrome 10 - Codigo final optimizado

3

HTML फ़ाइल को संपादित करें टेक्स्ट एडिटर विंडो में, लेबल के बीच कर्सर रखें और और फिर लिखना "हैलो दुनिया!"। यह देखने के लिए ब्राउज़र विंडो अपडेट करें कि पाठ पृष्ठभूमि की छवि के ऊपर दिखाई देता है या नहीं।

4

एचटीएमएल और सीएसएस टैग का इस्तेमाल करना सीखें एचटीएमएल कोड में उद्घाटन और समापन टैग शामिल होते हैं। लेबल पृष्ठ के शरीर का प्रारंभिक लेबल है और यह समापन टैग है एचटीएमएल में, सभी ओपनिंग टैग्स को सही तरीके से प्रदर्शित करने के लिए उनके संबंधित समापन टैग होना चाहिए।

Video: Como hacer una Pagina Mobile First y Responsive Design 12 | Cursos

5

शीर्षक टैग का इस्तेमाल करना सीखें लेबल

6

स्टाइल टैग का उपयोग करना सीखें लेबल

7

शरीर टैग का उपयोग करना सीखें सभी पाठ जो लेबल के बीच लिखे गए हैं यह लिखित रूप में दिखाई देगा, जब तक कि यह HTML या CSS कोड न हो।

8

HTML फ़ाइल को संपादित करें टेक्स्ट एडिटर विंडो में, लेबल के बीच कर्सर रखें और और फिर लिखना "हैलो दुनिया!"। यह देखने के लिए ब्राउज़र विंडो अपडेट करें कि पाठ पृष्ठभूमि की छवि के ऊपर दिखाई देता है या नहीं।

2

निम्नलिखित सीएसएस कोड का निरीक्षण करें।

body {background-image: url ("imagendefondo.jpg") -}

3

सीएसएस कोड के भागों की पहचान करना सीखें। सीएसएस स्टाइल शीट दो भागों से बना है: एक चयनकर्ता और एक घोषणा।

उदाहरण के लिए, चयनकर्ता है और पृष्ठभूमि-छवि: यूआरएल ("imagendefondo.jpg") यह कथन है

चयनकर्ता HTML टैग हो सकते हैं।

बयान हमेशा ब्रेसिज़ ({}) में जाते हैं।

4

इसमें सीएसएस घोषणाएं शामिल हैं सीएसएस घोषणाएं, बदले में, दो भागों में विभाजित की जाती हैं: एक संपत्ति और मूल्य पिछले उदाहरण में, चाबी के बीच क्या है, पृष्ठभूमि छवि संपत्ति है और यूआरएल ("imagendefondo.jpg") यह मूल्य है

यह संपत्ति निर्दिष्ट करने के लिए जिम्मेदार है कि किस ऑब्जेक्ट को फ़ॉर्मेट किया जाना है और मूल्य बताता है कि संपत्ति की शैली कैसे लागू होती है।

संपदा और मूल्य हमेशा एक बृहदान्त्र (:) द्वारा अलग हो जाते हैं।

सीएसएस विवरण हमेशा एक अर्धविराम (-) में समाप्त होते हैं