HTML CSS

HTML4.0 का उपयोग करके, सभी फॉर्मैटिंग कोड को HTML दस्तावेज़ से बाहर निकाला जा सकता है और एक स्वतंत्र शैली तालिका में डाला जा सकता है।

उदाहरण

HTML में शैली
इस उदाहरण में, <head> भाग में जोड़ी गई शैली सूचना का उपयोग करके HTML को फॉर्मैट करने के तरीके दिखाया गया है।
बिना निचले रेखांकन वाले लिंक
इस उदाहरण में, शैली गुण का उपयोग करके बिना निचले रेखांकन वाले लिंक का दिखावा दिया गया है।
बाहरी शैली तालिका से जोड़ना
इस उदाहरण में, <link> टैग को एक बाहरी शैली तालिका से जोड़ने के तरीके दिखाया गया है।

कैसे शैली का उपयोग करें

जब ब्राउज़र एक शैली तालिका पढ़ता है, तो वह इस शैली तालिका के अनुसार दस्तावेज़ को फॉर्मैट करता है। शैली तालिका जोड़ने के तीन तरीके हैं:

बाहरी शैली तालिका

जब शैली कई पृष्ठों पर लागू करनी हो तो, बाहरी शैली तालिका आदर्श विकल्प है। बाहरी शैली तालिका का उपयोग करके, आपको एक फ़ाइल को बदलकर पूरे साइट के आकार को बदल सकते हैं।

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

आंतरिक स्टाइल तालिका

जब एक अलग फ़ाइल को विशेष स्टाइल की आवश्यकता होती है, तो आंतरिक स्टाइल तालिका का उपयोग कर सकते हैं।आप काणड़े भाग में <style> टैग के माध्यम से आंतरिक स्टाइल तालिका को परिभाषित कर सकते हैं。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

इनलाइन स्टाइल

जब विशेष स्टाइल को विशेष एलिमेंट पर लागू करना होता है, तो इनलाइन स्टाइल का उपयोग कर सकते हैं।इनलाइन स्टाइल का उपयोग करने के तरीका वस्तुतः एक संबंधित टैग में स्टाइल गुण का उपयोग करना है।स्टाइल गुण को कोई भी CSS गुण शामिल किया जा सकता है।नीचे दिए गए उदाहरण में पैराग्राफ का रंग और बाएं साउडिंग बाहरी घाटी को बदलने के तरीका दिया गया है。

<p style="color: red; margin-left: 20px">
यह एक पैराग्राफ है
</p>

हमारे CSS शिक्षासाइटेसी के लिए अधिक जानकारी लें。

टैग वर्णन
<style> स्टाइल परिभाषा को परिभाषित करें。
<link> संसाधन संदर्भ को परिभाषित करें。
<div> दस्तावेज़ में खंड या क्षेत्र (ब्लॉक) को परिभाषित करें。
<span> दस्तावेज़ में लाइन भीतरी छोटे ब्लॉक या क्षेत्र को परिभाषित करें。
<font> पाठ के फ़ॉन्ट, फ़ॉन्ट आकार, फ़ॉन्ट रंग को निर्धारित करें।यह अनुमति नहीं है।स्टाइल का उपयोग करें।
<basefont> आधार फ़ॉन्ट को परिभाषित करें।यह अनुमति नहीं है।स्टाइल का उपयोग करें।
<center> पाठ को आड़ा केंद्रित करें।यह अनुमति नहीं है।स्टाइल का उपयोग करें।