क्या एक HTML आकार टैग मौजूद है?

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

HTML आकार टैग HTML में मौजूद नहीं है। इसके बजाय, अपने फोंट, छवियों या लेआउट के आकार को सेट करने के लिए आपको कैस्केडिंग स्टाइल शीट का उपयोग करना चाहिए। वास्तव में, किसी भी दृश्य परिवर्तन को आपको किसी साइट के टेक्स्ट या किसी अन्य तत्व में बनाने की आवश्यकता होती है, उसे सीएसएस द्वारा संभाला जाना चाहिए! एचटीएमएल केवल संरचना के लिए है।

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

फ़ॉन्ट आकार

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

12 पैरा का फ़ॉन्ट आकार रखने के लिए अपने अनुच्छेद को सेट करने के लिए, फ़ॉन्ट-आकार शैली गुण का उपयोग करें:

एच 3 {फ़ॉन्ट आकार = 24 पीएक्स; }

यह शैली हेडियिंग 3 तत्व 24 पिक्सेल के फ़ॉन्ट आकार को सेट करेगी। आप इसे बाहरी स्टाइल शीट में जोड़ सकते हैं और आपकी सभी साइट के एच 3 इस शैली का उपयोग करेंगे।

यदि आप अपने टेक्स्ट में अतिरिक्त टाइपोग्राफ़िक शैलियों को जोड़ना चाहते हैं, तो आप उन्हें इस सीएसएस नियम में जोड़ सकते हैं:

एच 3 {फ़ॉन्ट आकार: 24 पीएक्स; रंग: # 000; font-weight: सामान्य; }

यह न केवल उस फ़ॉन्ट आकार को एच 3 के लिए सेट करेगा, यह रंग को काले रंग में भी सेट करेगा (जो कि # 000 का हेक्स कोड है) और यह वजन को "सामान्य" पर सेट करेगा। डिफ़ॉल्ट रूप से, ब्राउज़र बोल्ड टेक्स्ट के रूप में शीर्षक 1-6 प्रस्तुत करते हैं, इसलिए यह शैली उस डिफ़ॉल्ट को ओवरराइड कर देगी और अनिवार्य रूप से टेक्स्ट को "अन-बोल्ड" कर देगी।

छवि आकार

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

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

HTML का उपयोग करके अपने छवि आकार को परिभाषित करने के लिए, आईएमजी टैग की ऊंचाई और चौड़ाई विशेषताओं का उपयोग करें। उदाहरण के लिए, यह छवि 400x400 पिक्सल वर्ग होगी:

ऊंचाई = "400" चौड़ाई = "400" alt = "छवि" />

सीएसएस का उपयोग करके अपने छवि आकार को परिभाषित करने के लिए, ऊंचाई और चौड़ाई शैली गुणों का उपयोग करें। आकार को परिभाषित करने के लिए सीएसएस का उपयोग करके, वही छवि यहां दी गई है:

शैली = "ऊंचाई: 400 पीएक्स; चौड़ाई: 400 पीएक्स;" alt = "image" />

लेआउट आकार

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

निश्चित चौड़ाई:

शैली = "चौड़ाई: 600px;">

तरल चौड़ाई:

शैली = "चौड़ाई: 80%;">

जब आप अपने लेआउट के लिए चौड़ाई तय कर रहे हैं, तो आपको अलग-अलग ब्राउज़र चौड़ाई को ध्यान में रखना चाहिए जो आपके पाठक उपयोग कर रहे हैं और वे अलग-अलग डिवाइस भी उपयोग करेंगे। यही कारण है कि उत्तरदायी वेबसाइटें , जो विभिन्न उपकरणों और स्क्रीन आकारों के आधार पर अपना लेआउट और आकार बदल सकती हैं, आज सर्वोत्तम अभ्यास मानक है।