एचटीएमएल साइज ट्याग अस्तित्व छ?

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

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

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

फन्ट साइज

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

12pt को फन्ट साइजमा तपाइँको अनुच्छेद सेट गर्न, फन्ट साइज शैली गुण प्रयोग गर्नुहोस्:

h3 {font-size = 24px; }

यो शैलीले हेराइइङ 3 तत्व 24 पिक्सलहरूको फन्ट साइज सेट गर्नेछ। तपाइँ यसलाई बाह्य शैली पानामा थप्न सक्नुहुनेछ र तपाईंको सबै साइटको H3 हरूले यो शैली प्रयोग गर्नेछ।

यदि तपाइँ अतिरिक्त टाइपोग्राफिक शैलीहरू तपाईंको पाठमा थप्न चाहनुहुन्छ भने, तपाइँ तिनीहरूलाई यो CSS नियममा थप्न सक्नुहुनेछ:

h3 {फन्ट-साइज: 24px; रंग: # 000; फन्ट-वजन: सामान्य; }

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

छवि आकार

आकारहरू परिभाषित गर्न छविहरू खराब हुन सक्छन् किनभने तपाई वास्तवमा छवि रिसाइज गर्न ब्राउजर प्रयोग गर्न सक्नुहुनेछ। निस्सन्देह, ब्राउजरको साथ छविहरू आकार बदल्न नराम्रो विचार हो किनकी यसले पृष्ठहरूलाई अझ ढिलो लोड गर्दछ र ब्राउजरले प्राय: रिसाइज गर्ने खराब काम गर्छ, जुन छविहरू खराब हुन्छन्। बरु, तपाईले छविहरू पुनःआकार गर्न ग्राफिक्स सफ्टवेयर प्रयोग गर्नुपर्दछ र त्यसपछि तपाईंको वेब पृष्ठ एचटीएमएलमा आफ्नो वास्तविक साइज लेख्नुहोस्।

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

HTML प्रयोग गरेर तपाईंको छवि आकार परिभाषित गर्न, img ट्यागको उचाइ र चौडाइ विशेषताहरू प्रयोग गर्नुहोस्। उदाहरणको लागि, यो तस्बिर 400x400 पिक्सेल वर्ग हुनेछ:

height = "400" width = "400" alt = "image" />

CSS प्रयोग गरेर तपाईंको छवि साइज परिभाषित गर्न, ऊँचाई र चौडाइ शैली विशेषताहरू प्रयोग गर्नुहोस्। यहाँको छवि होईन, सीएसएस प्रयोग गरी आकार परिभाषित गर्न को लागी:

style = "height: 400px; width: 400px;" alt = "छवि" />

लेआउट आकारहरू

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

निश्चित चौडाइ:

style = "width: 600px;">

तरल चौडाई:

style = "width: 80%;">

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