साईट वेब डिजाइनर: तस्बिरहरू वरिपरि पाठ प्रवाह कसरी बनाउने

यस लेखमा हामी तपाईंलाई तस्बिरहरू सम्बद्ध जो HTML र CSS को सुविधाहरू, बारे भन्नेछु। तपाईं कसरी HTML-कागजात सम्मिलित गर्नुहोस् सिक्न हुनेछ। लेख पनि कसरी चित्र सेटिङ परिवर्तन गर्न, र छवि वरिपरि पाठ प्रवाह संगठित बारेमा जानकारी छ।

पहिलो - छवि सम्मिलित कसरी। यो त्यहाँ छ ट्याग "img", धेरै विशेषताहरु छ जो। तिनीहरूलाई को मुख्य - "src"। यसलाई मा ठेगाना ब्राउजर तस्वीर सम्मिलित गर्न सक्छन् जो देखि भण्डारण गर्दछ। तपाईं कम्प्युटर मा पहिले नै भण्डारण छवि बाटो निर्दिष्ट, वा वेब स्रोत एउटा लिङ्क दिन सक्छन्।

कुनै पनि एक जोडी को कम महत्त्वपूर्ण गुणहरू - "चौडाइ" (चौडाई) र "उचाइ" (उचाइ)। तिनीहरूले स्वयं तस्बिरहरू (तस्बिरहरू stretching र कम्प्रेस लागि उपयोगी विकल्प) आकार परिवर्तन गर्न प्रयोग गरिन्छ।

पछि मापदण्डहरू "hspace" र "vspace" (वरपरको पाठ छवि देखि दूरी)। स्पष्ट छ, "hspace" - तेर्सो, padding र "vspace" - ठाडो।

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

त्यहाँ ट्याग बहुमत मा उपस्थित छन् कि केही विशिष्ट गुण हो। यो "accesskey", "वर्ग", "आईडी" र "शैली"। "Accesskey" परिभाषित कुञ्जीहरूको संयोजन, वस्तु कुन मार्फत पहुँच। "क्लास" र "आईडी" - CSS सम्बन्धित मापदण्डहरू। तिनीहरूले तस्वीर (वा यसको परिचायक) पर्छ जो कक्षा वर्णन। तपाईं एक निर्मित छवि CSS शैली सेट गर्न अनुमति विशेषता पाठ, - "शैली"।

मूर्तिको उपस्थिति परिभाषित कि मापदण्डहरु को एक "सीमा" छ। यो वस्तु वरिपरि सीमा को मोटाइ निर्धारण र कुनै पनि सकारात्मक पूर्णांक सेट गर्न सकिन्छ (पिक्सेलमा)।

अर्को विशेषता - "align"। उहाँले छवि वरिपरि पाठ प्रवाह वर्णन गर्दछ। "तल", "मध्य", "बाँकी", "सही" र "शीर्ष" यो विकल्प सेट गर्न सकिन्छ। जहाँ पाठ मा छवि राख्न मान प्रत्येक निर्धारण गर्छ। वस्तु पाठ को बायाँ हुनेछ - उदाहरणका लागि, "मध्य" मध्य छविको मान गर्दा "बायाँ", पाठ तल्लो सीमा पङ्क्तिबद्ध गरिएको छ। HTML - तर यो छवि वरिपरि पाठ प्रवाह सेट गर्न मात्र एक तरिका हो।

CSS (अधिक बहुमुखी) - त्यहाँ अर्को शक्तिशाली उपकरण हो। यसलाई प्रयोग गर्न सकिन्छ धेरै प्रभावकारी छवि वरिपरि पाठ प्रवाह सहित ट्याग विशेषताहरु सेट। CSS तपाईं मापदण्डहरु, मात्र होइन विशिष्ट वस्तु र उहाँलाई जस्तै सबै ती परिभाषित गर्न अनुमति दिन्छ। उदाहरणका लागि, तपाईं कागजातमा सबै तस्बिरहरू को इन्डेन्टेसन निर्दिष्ट गर्न चाहनुहुन्छ भने छ दस पिक्सेल, यो एक सिलाई संग CSS-फाइल यसलाई जडान गर्न पर्याप्त छ: "img {मार्जिन: 10px 10px 10px 10px;}" (अभ्यास मा, उद्धरण आवश्यक छैन!)।

उदाहरणका लागि तस्बिरहरू वरिपरि पाठ प्रवाह, बायाँ किनारा मा रूपमा परिभाषित गरिएको छ: "img {align: बाँया;}"।

खैर, सीएसएस-कोड फाइल मा लेख्न छैन थप्न। यो ट्याग "शैली" को लागि, HTML, जो तपाईं CSS-कोड सम्मिलित गर्न सक्नुहुन्छ प्रदान गरिएको छ। तर यो केवल कागजात लागि काम गर्नेछ (तपाईं धेरै HTML-फाइलहरू मा नै कोड थप्न चाहनुहुन्छ भने, तपाईंले एक अलग शैली पाना सिर्जना गर्नुपर्छ)।

अब तपाईं यो लागि जिम्मेवार छ ट्याग, लाभकारी गुण प्रयोग साइटको तस्बिरहरू "पतला" गर्न सक्नुहुन्छ। को रिसाइज प्रयोग वा पाठ तस्वीर र्याप स्वतन्त्र महसुस। वेब पृष्ठहरू ग्राफिक्स घटक बिना - एकदम दुःखी दृष्टि, छैन यो छ?