वेबसाइट्स को फॉर्मेट कैसे करें

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

HTML स्वरूपण

1।

अपने वेब पेज के विभिन्न तत्वों की स्थिति के लिए तालिकाएँ बनाएँ। का उपयोग

टैग ही तालिका शुरू करने के लिए। का उपयोग टैग तालिका पंक्ति शुरू करने के लिए, और ए

पंक्ति के भीतर तालिका डेटा का एक सेल बनाने के लिए टैग। टेबल डेटा सेल को आमतौर पर टेबल के कॉलम के रूप में सोचा जा सकता है। अपने तत्वों को पर्याप्त रूप से स्थान देने के लिए, व्यक्तिगत पंक्तियों और डेटा कोशिकाओं की ऊंचाई, चौड़ाई, पैडिंग और रिक्ति मापदंडों के साथ प्रयोग करें।

2।

पाठ वाले तत्वों के लिए टैग के भीतर पाठ प्रभाव और फ़ॉन्ट स्टाइल जोड़ें। उदाहरण के लिए, यदि आप पाठ को एक अनुच्छेद तत्व के भीतर प्रारूपित करना चाहते हैं:

यह कॉमिक सैंस फ़ॉन्ट में पैराग्राफ की सामग्री को प्रस्तुत करेगा।

3।

Bgcolor विशेषता का उपयोग करके, टैग में अपनी संपूर्ण वेबसाइट पर एक पृष्ठभूमि जोड़ें। उदाहरण के लिए:

यह पूरे पृष्ठ की पृष्ठभूमि को गुलाब के रंग में प्रस्तुत करता है।

सीएसएस और बाहरी शैली पत्रक

1।

नोटपैड में एक नया टेक्स्ट डॉक्यूमेंट खोलें।

2।

अपने नए दस्तावेज़ में प्रत्येक तत्व को प्रारूपित करें। उस तत्व के लिए शैलियों को पेश करने के लिए एक खुले ब्रैकेट द्वारा अनुसरण किए गए तत्व टैग का उपयोग करें। उदाहरण के लिए:

पी {

फ़ॉन्ट-परिवार: "कॉमिक संस एमएस";

पृष्ठभूमि-रंग :: # CC3366;

}

आपके HTML डॉक्यूमेंट के हर पैराग्राफ में कॉमिक सैंस का फॉन्ट होगा और गुलाब की पृष्ठभूमि का रंग होगा।

3।

यदि आप कई अलग-अलग प्रकार के तत्वों या व्यक्तिगत मामलों में उपयोग की जाने वाली शैलियों को प्रस्तुत करना चाहते हैं, तो एक आईडी या कक्षा का उपयोग करें। एक आईडी का उपयोग केवल एक बार किया जा सकता है, और इसे "#" प्रतीक द्वारा पेश किया जाता है। एक वर्ग कई बार इस्तेमाल किया जा सकता है, और "द्वारा निरूपित किया जाता है।" प्रतीक। उदाहरण के लिए:

.comicrose {

फ़ॉन्ट-परिवार: "कॉमिक संस एमएस";

पृष्ठभूमि-रंग :: # CC3366;

}

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

वर्णित के रूप में एक पैराग्राफ शैली।

4।

अपने HTML कोड के अनुभाग में एक बाहरी स्टाइल शीट से लिंक करें। उदाहरण के लिए:

।

यह एक बाहरी स्टाइल शीट से जुड़ा हुआ है जिसे pagestyles.css कहा जाता है।