ब्लॉक घटकांशी साधर्म्य करून, मी त्यांची वैशिष्ट्यपूर्ण वैशिष्ट्ये सूचीबद्ध करेन.
इनलाइन घटक मजकूराचे स्वरूप आणि शैली बदलण्यासाठी वापरण्यास सोयीस्कर आहेत, विशिष्ट वैयक्तिक वर्ण आणि शब्दांमध्ये. या उद्देशासाठी सार्वत्रिक टॅग वापरला जातो , जे स्वतः कोणत्याही प्रकारे सामग्री सुधारित करत नाही, परंतु वर्ग किंवा अभिज्ञापकांद्वारे शैलींसह सहजपणे एकत्र केले जाते.
यामुळे, हा टॅग वापरून तुम्ही मजकूर किंवा चित्रांच्या वैयक्तिक तुकड्यांचे स्वरूप आणि स्थिती सहजपणे नियंत्रित करू शकता.
,
लेआउटसाठी, इनलाइन घटक ब्लॉक घटकांपेक्षा कमी वेळा वापरले जातात. हे मुख्यतः इनलाइन घटकांच्या आत कंटेनरला परवानगी नाही या वस्तुस्थितीमुळे आहे आणि तत्सम व्यापक टॅग. तथापि, ब्लॉक आणि इनलाइन घटक एकमेकांना चांगले पूरक आहेत कारण ते आपल्याला सर्व स्तरांवर वेब पृष्ठांचे स्वरूप बदलण्याची परवानगी देतात. उदाहरण 3.16 टॅगचा वापर दर्शविते
वैयक्तिक शब्द हायलाइट करण्यासाठी.
उदाहरण 3.16. टॅग लावणे
इनलाइन घटकजमिनीवर पोटावर झोपा .आपले पाय एकत्र आणा, आपले गुडघे वाकवा आणि त्यांना बाजूला करा. आपल्या डोक्याच्या मागे हात. आकुंचन पूर्ण होईपर्यंत आपले डोके वर खेचा आणि आपल्या हातांनी पुढे करा.ओटीपोटात स्नायू
. दोन सेकंद धरा. अंमलात आणा
आठ
पुनरावृत्ती उदाहरणाचा परिणाम खाली दर्शविला आहे (आकृती 3.25).तांदूळ. ३.२५. शैलीबद्ध मजकूर IN या उदाहरणातटॅग
आणि शैली विविध प्रकारे मजकूराचे तुकडे हायलाइट करण्यासाठी वापरल्या जातात. विशेषतः, मुळे वेगळे येते पार्श्वभूमी रंग, मजकुराभोवती फ्रेम आणि त्याचा रंग बदलणे. कृपया लक्षात घ्या की मजकूर रॅपिंगच्या परिणामी, त्याच्या सभोवतालची फ्रेम देखील दुसर्या ओळीवर हलवली गेली. बऱ्याच प्रकरणांमध्ये हे फार छान दिसत नाही, म्हणून तुम्ही व्हाईट-स्पेस : nowrap द्वारे मजकूर रॅपिंग अक्षम करू शकता. फ्रेम नसलेल्या मजकुरासाठी
लोअरकेस टॅग
सारखेएक अनामिक इनलाइन घटक तयार केला जातो. वरील उदाहरणासाठी, घटक आकृती खालीलप्रमाणे असेल (चित्र 3.26). तांदूळ. ३.२६. अनामित इनलाइन घटक
राखाडी
आकृती टॅगमधील मजकूर दर्शवते
, आणि ठिपके असलेल्या रेषा निनावी इनलाइन घटक आहेत. अशा घटकांसाठी, शैली थेट सेट केली जाऊ शकत नाही ती पालकांकडून वारशाने मिळते.
XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx
उदाहरण 3.16. टॅग लावणे
इनलाइन घटकामध्ये रूपांतरित करा
डिस्प्ले गुणधर्म आणि त्याचे ब्लॉक मूल्य वापरून इनलाइन घटक ब्लॉक घटकांमध्ये बदलले जाऊ शकतात. इनलाइन मूल्याद्वारे उलट क्रिया देखील शक्य आहे (उदाहरण 3.17).
उदाहरण 3.17. गुणधर्म प्रदर्शित करा
नोंद
विविध निकषांवर आधारित, मुख्य म्हणजे केलेल्या प्रयत्नांची व्यवहार्यता आणि परिणामकारकता दर्शवणारे, आम्ही खालील गोष्टी स्पष्टपणे सांगू शकतो. अर्थात, इच्छित परिणाम साध्य करण्यासाठी अनुभवावर आधारित लवचिक दृष्टीकोन आणि वरील अर्थाचे सखोल आकलन आवश्यक आहे.
वेब पृष्ठावर इनलाइन घटक म्हणून दिसते. हे आवश्यक आहे जेणेकरून पार्श्वभूमी आणि फ्रेमची रुंदी मजकूराच्या रुंदीच्या समान असेल, मार्जिनसह. तुम्हाला माहिती आहे की, ब्लॉक घटकांची रुंदी सामग्रीच्या रुंदीवर अवलंबून नाही, म्हणूनच आम्हाला टॅगचे प्रतिनिधित्व करावे लागेल.
इनलाइन घटक म्हणून.
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल .
टॅग करा
कृपया लक्षात घ्या की घटक इनलाइनमध्ये रूपांतरित केल्याने तुम्हाला इनलाइन घटकांमधील टॅग नेस्टिंग आणि नेस्ट ब्लॉक घटकांचा क्रम खंडित करण्याचा अधिकार मिळत नाही. वेब पृष्ठाचे लोअरकेस घटक ते असतात जे दुसऱ्या घटकाचा थेट भाग असतात, उदाहरणार्थ,मजकूर परिच्छेद
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल . ते प्रामुख्याने मजकूराचे स्वरूप बदलण्यासाठी किंवा तार्किकदृष्ट्या हायलाइट करण्यासाठी वापरले जातात. महत्वाचे एक आहे HTML घटक आणि दुवे तयार करण्यासाठी डिझाइन केलेले आहे. उपस्थितीवर अवलंबूननाव गुणधर्म किंवा href टॅग
लिंक किंवा अँकर सेट करते.
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल फॉन्टच्या ठळकपणाची व्याख्या करते. च्या तुलनेत फॉन्ट आकार एकाने वाढवतेसाध्या मजकुरात . IN HTML आकार फॉन्ट 1 ते 7 पर्यंत अनियंत्रित युनिट्समध्ये मोजला जातो, डीफॉल्टनुसार वापरलेला सरासरी मजकूर आकार 3 आहे. अशा प्रकारे, टॅग जोडणे
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल
एका पारंपारिक युनिटने मजकूर वाढवते.
हा टॅग असलेल्या स्थानावर एक नवीन रेषा सेट करते. परिच्छेद टॅग विपरीत
टॅग वापरणे
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल ओळीच्या आधी रिक्त इंडेंट जोडत नाही.
मजकूरावर जोर देण्याचा हेतू आहे. ब्राउझर हा मजकूर तिर्यकांमध्ये प्रदर्शित करतात.
![]()
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल ![]()
फॉन्टची इटॅलिक शैली सेट करते. ![]()
वेब पृष्ठावर GIF, JPEG किंवा PNG ग्राफिक स्वरूपात प्रतिमा प्रदर्शित करण्यासाठी डिझाइन केलेले. आवश्यक असल्यास, रेखांकन टॅग ठेवून दुसर्या फाईलची लिंक बनवता येते कंटेनर मध्ये ![]()
.
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल . या प्रकरणात, प्रतिमेभोवती एक फ्रेम प्रदर्शित केली जाते, जी टॅगमध्ये सीमा="0" विशेषता जोडून काढली जाऊ शकते. सामान्य मजकुराच्या तुलनेत फॉन्ट आकार एकाने कमी करते. त्याची क्रिया टॅग सारखीच आहे
, परंतु अगदी उलट कार्य करते.
तत्वतः, त्याऐवजी समान उपाय वापरणे असेल दस्तऐवजातील इनलाइन घटक परिभाषित करण्यासाठी डिझाइन केलेला सार्वत्रिक टॅग.
मजकूरावर जोर देण्याचा हेतू आहे. ब्राउझर हा मजकूर ठळक अक्षरात प्रदर्शित करतात.
सबस्क्रिप्ट म्हणून फॉन्ट प्रदर्शित करते. मजकूर ओळीच्या उर्वरित वर्णांच्या बेसलाइनच्या खाली स्थित आहे आणि आकार कमी केला आहे - H 2 O. फॉन्ट सुपरस्क्रिप्ट म्हणून प्रदर्शित करते. त्याची क्रिया समान आहे
, परंतु मजकूर मजकूर बेसलाइनच्या वर प्रदर्शित केला जातो - m 2 .
- इनलाइन घटकांमध्ये फक्त डेटा किंवा इतर इनलाइन घटक असू शकतात, तर ब्लॉक घटकांमध्ये इतर ब्लॉक घटक, इनलाइन घटक आणि डेटा असू शकतात. दुसऱ्या शब्दांत, इनलाइन घटक कोणत्याही प्रकारे ब्लॉक घटक संचयित करू शकत नाहीत.
- घटक ब्लॉक करानेहमी नवीन ओळीने प्रारंभ करा आणि लोअरकेस अशा प्रकारे उच्चारले जात नाहीत.
- ब्लॉक घटक ब्राउझर विंडोची संपूर्ण उपलब्ध रुंदी व्यापतात, तर इनलाइन घटक त्यांच्या सामग्री आणि पॅडिंग, मार्जिन आणि बॉर्डर व्हॅल्यूएवढे रुंद असतात.
