टॅब आणि स्पेसिंग तयार करण्यासाठी HTML आणि CSS कसे वापरावे

ब्राउझरमध्ये एचटीएमएलमधे पांढरे स्थान कसे हाताळले जाते ते पहा

जर आपण सुरवातीस वेब डिझायनर असाल तर, आपल्याला ज्या गोष्टी लवकर समजणे आवश्यक आहे त्यापैकी एक म्हणजे वेब साइटद्वारे व्हाट्स स्पेस वेब ब्राउझरद्वारे हाताळला जातो.

दुर्दैवाने, ब्राऊझरने व्हाईट स्पेस हाताळल्याचा मार्ग पहिल्यांदा सहजपणे जाणवला नाही, खासकरून जर आपण HTML मध्ये आला आणि शब्द प्रक्रिया प्रोग्राममध्ये पांढरे स्थान कसे हाताळले हे तुलना करा, ज्यामुळे आपण अधिक परिचित असू शकाल.

वर्ड प्रोसेसिंग सॉफ्टवेअरमध्ये, आपण दस्तऐवजात बरेच अंतर किंवा टॅब जोडू शकता आणि हे अंतर दस्तऐवजांच्या सामग्रीच्या प्रदर्शनात प्रतिबिंबित होईल. हे HTML किंवा वेब पेजेससह नाही. यामुळे, व्हाईट स्पेस कसे आहे हे शिकणे, खरंच, वेब ब्राउझरद्वारे हाताळले जाणे अतिशय महत्वाचे आहे.

प्रिंटमधील अंतर

वर्ड प्रोसेसिंग सॉफ्टवेअरमध्ये, तीन प्राथमिक व्हाईट स्पेस वर्ण हे स्पेस, टॅब आणि कॅरेज रिटर्न आहेत. यापैकी प्रत्येक कृती एका वेगळ्या पद्धतीने केली जाते, परंतु HTML मध्ये, ब्राउझर सर्व त्यांना समान रीडर देतात. आपण आपल्या HTML मार्कअपमध्ये एक स्पेस किंवा 100 जागांवर ठेवाल किंवा टॅब्स आणि कॅरेज रिटर्न्ससह आपले अंतर वाढवा, ब्राऊजरद्वारे पृष्ठ रेंडर केल्यावर हे सर्व एकाच जागेत कन्स्ट्रक्शन केले जाईल. वेब डिझाइन टर्मिनलॉजीमध्ये, याला पांढरा स्पेस पतन म्हणून ओळखले जाते. आपण वेब पृष्ठात मोकळी जागा समाविष्ट करण्यासाठी या सामान्य अंतराची की वापरू शकत नाही कारण ब्राउझरमध्ये सादर केल्यावर ब्राउझर एकापेक्षा स्पेस खाली कोसळते,

का कोणीतरी टॅब्ज वापरतो?

थोडक्यात, जेव्हा लोक मजकूर दस्तऐवजात टॅब्ज वापरतात तेव्हा ते लेआउटच्या कारणांमुळे ते वापरतात किंवा एखाद्या विशिष्ट ठिकाणावर जाण्यासाठी मजकूर मिळवण्यासाठी किंवा दुसर्या घटकातून एक निश्चित अंतरावर जाण्यासाठी वापरतात. वेब डिझाइनमध्ये, आपण त्या दृश्यमान शैली किंवा लेआउटची आवश्यकता मिळवण्यासाठी त्या वरील जागा वापरु शकत नाही.

वेब डिज़ाइनमध्ये, कोडमधील अतिरिक्त स्पेसिंग वर्णांचा वापर पूर्णपणे त्या कोड वाचण्यात सहजतेने होईल. वेब डिझायनर आणि डेव्हलपर्स सहसा टॅब्ज इंडेंट कोडमध्ये वापरतात जेणेकरुन ते पाहू शकतील की कोणत्या घटक इतर घटकांचे मुले आहेत - परंतु त्या इंडेन्ट्स पेजच्या व्हिज्युअल लेआउटला प्रभावित करीत नाहीत. आवश्यक व्हिज्युअल लेआउट बदलण्यासाठी, आपल्याला सीएसएस (कॅस्केडिंग स्टाईल शीट्स) चालू करण्याची आवश्यकता असेल.

HTML टॅब आणि स्पेसिंग तयार करण्यासाठी CSS वापरणे

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

आपण मजकुराचे स्तंभ तयार करण्यासाठी टॅब वापरण्याचा प्रयत्न करीत असल्यास, त्या स्तंभ लेआउट मिळविण्यासाठी आपण त्याऐवजी

घटकांचा वापर करू शकता. ही पोजीशनिंग सीएसएस फ्लोट्स, परिपूर्ण आणि सापेक्ष पोजीशनिंगद्वारे किंवा फ्लेक्सबॉक्स किंवा सीएसएस ग्रिडसारख्या नवीन सीझर लेआउट तंत्रांद्वारे केली जाऊ शकते.

आपण घालवलेले डेटा सारखा डेटा असल्यास, आपण इच्छित असलेला डेटा संरेखित करण्यासाठी आपण सारण्या वापरू शकता. बर्याच वर्षांपासून सारण्यांना बर्याच वर्षांपासून शुद्ध लेआउट साधने म्हणून गैरवापरावे म्हणून ते नेहमीच खराब रॅप मिळवतात परंतु आपल्या सामग्रीमध्ये पूर्वीचे वरील टॅबल डेटा असला तरीही टेबल्स पूर्णतः वैध आहेत.

मार्जिन्स, पॅडिंग आणि टेक्स्ट-इंडेंट

CSS सह स्पेसिंग तयार करण्याचा सर्वसामान्य मार्ग खालील सीएसएस शैलींपैकी एक वापरणे आहे:

उदाहरणार्थ, आपण खालील सीएसएससह एक टॅब सारख्या परिच्छेदाची पहिली ओळ इंडेंट करू शकता (लक्षात घ्या की हे असे गृहित धरते की आपल्या परिच्छेदामध्ये "प्रथम" संलग्न केलेले क्लास विशेषता आहे):

p.first {
टेक्स्ट-इंडेंट: 5 एएम;
}

हा परिच्छेद आता सुमारे 5 वर्णांचा इंडेंट करणार आहे.

आपण एलिमेंटच्या वर, खाली, डावीकडे किंवा उजवीकडे (किंवा त्या बाजूचे संयोजन) ला अंतर जोडण्यासाठी सीएसएस मध्ये मार्जिन किंवा पॅडिंगचे गुणधर्म वापरू शकता. शेवटी, आपण सीएसएस चालू करून आवश्यक स्पेसिंग कोणत्याही प्रकारचे साध्य करू शकता.

सीएसएस शिवाय एकापेक्षा अधिक जागेवर मजकूर हलवित

आपण इच्छित असल्यास आपल्या मजकूरास मागील बाबीपासून एकापेक्षा जास्त अंतराळात स्थानांतरित करणे आवश्यक आहे, तर आपण नॉन-ब्रेकिंग स्पेस वापरू शकता.

नॉन-ब्रेकिंग स्पेस वापरण्यासाठी, आपण फक्त & nbsp; जोडा आपल्या HTML मार्कअपमध्ये जितक्या वेळा आपल्याला पाहिजे तितकेच

उदाहरणार्थ, आपण पाच शब्द आपला शब्द हलवू इच्छित असल्यास, आपण शब्द आधी खालील जोडू शकतात.

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

एचटीएमएल या गोष्टींचा आदर करतात आणि एकाच जागेत ते खाली कोसळणार नाहीत. तथापि, हे अत्यंत खराब सराव मानले जाते कारण ते केवळ लेआउट गरजा पूर्ण करण्यासाठी केवळ एका डॉक्युमेंटमध्ये अतिरिक्त HTML मार्कअप जोडत आहे. रचना आणि शैलीच्या वेगळ्या गोष्टींचा संदर्भ घेताना, आपण इच्छित मांडणी परिणाम साध्य करण्यासाठी नॉन ब्रेकिंग स्पेस जोडणे टाळावे आणि त्याऐवजी सीएसएस मार्जिन्स आणि पॅडिंग वापरावे.