कसे एक HTML ग्राफिक मध्ये एक प्रतिमा घालण्यासाठी, पार्श्वभूमी. कसे एक प्रतिमा HTML मध्ये टेबल मध्यभागी संगणक घालण्यासाठी,

व्हिज्युअल भाग साइट काम करताना सर्वात महत्वाचे आहे. अर्थात, कार्यक्षमता कनिष्ठ, पण खाते असू नये तो बंद फेकून आहे. च्या साइटवर संगणक HTML प्रतिमा स्थापित करण्याचा कसे बद्दल चर्चा करू. याचे एक शक्यता पुरविले जाते, किंवा अनेक? कसे इतर लोक हे पाहिले आहे की एक प्रतिमा घालण्यासाठी HTML का? चांगले काय उपयोग - पीसी किंवा सर्व्हर?

HTML काय आहे?

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

img टॅग वापरून

ग्राफिक्स वापर करून घेणे. कसे HTML-दस्तऐवजात एक पार्श्वभूमी प्रतिमा घालण्यात? आणि पहिली गोष्ट म्हणजे पृष्ठ ऑब्जेक्ट मध्ये एक घाला की फाइल अर्थ. येथे या व्यतिरिक्त आणि img वापरले जाते. सामग्री displaceable आहे ज्यात हा टॅग, ओळ घटक आहे. तो हायपर टेक्स्ट मार्कअप भाषा सर्व चार समावेश आहे. एक - ते पुढील मानले जातील src, उंची आणि रुंदी. तीन इतर - या ऑब्जेक्ट, एम्बेड आणि iframe (ज्वाळा वापर) (मीडिया सामग्री घालण्यासाठी). तो एक ओळ आयटम आहे तर म्हणून टॅग कार्य करते. फक्त फरक - प्रदर्शित केले आहे, जे अनधिकृत बाह्य सामग्री वापरले जाते. आणि खरं तर, लोड केले जातील, फाइल एक पक्ष असणे आवश्यक आहे. आपण एक प्रश्न असेल, तर HTML मध्ये एक पार्श्वभूमी प्रतिमा कशी समाविष्ट, सर्वोत्तम ते टाकून देऊ आहे. कारण तो स्वतः संगणक ज्या प्रतिमा कुठे स्थित आहे कार्य तेव्हा फक्त प्रदर्शित केले जाईल.

src गुणधर्म चा वापर करून

म्हणून, आम्ही एक ग्राफिक प्रतिमा एक HTML दस्तऐवज कशी समाविष्ट निष्पत्ती आहेत. चित्र, लोड src वापरत आहे जे मार्ग निर्देशीत करा. खालील प्रमाणे सर्वसाधारण योजना आहे: आपण एक समान साइन इन करा आणि पत्ता प्रविष्ट करा या वैशिष्ट्यपूर्ण वापर करणे आवश्यक आहे.

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

सर्व्हरवर प्रतिमा समायोजित: टॅग img उंची आणि रुंदी

कसा एक प्रतिमा घालण्यासाठी HTML हे माहित आहे. ते कसे संरचीत करण्यासाठी परीक्षण आता आम्हाला द्या. फाइल वापरकर्ता डाऊनलोड संगणक सुरू होते एकदा, तो ताबडतोब व्याख्या चित्र आकार असेल. आणि काय तो इच्छित प्रारंभिक घटक संबंधित नाही तर? या प्रकरणात, घटके उंची आणि रुंदी (पिक्सेल संख्या) मदत करू शकता. या प्रकरणात, कोड खालील विहित जाईल: प्रथम, SRC आणि फाइल पत्ता. मग समान संरचना रुंदी संकेत, आणि काय रुंदी असावी. आणि गेल्या - उंची आणि उंची. वेबमास्टर्स अनेकदा चुक: सर्व्हर मोठ्या फाइल्स् ज्या आकार अनेक मेगाबाइट्स आहे अपलोड करा. मार्ग विहित, आणि इच्छित आकारापर्यंत प्रतिमा समायोजित करते. एक परिणाम म्हणून, वापरकर्ता म्हणून जोरदार हळूहळू चिंतन करू शकता एक लहान प्रतिमा लोड. बाहेरील एक अतिशय आकर्षक देखावा नाही.

काम शिफारसी

नकारात्मक आगाऊ प्रतिमा आकार कमी टाळण्यासाठी. आपण एक आकर्षक देखावा साठी जे पर्याय आवश्यक आहेत याबद्दल आपल्याला खात्री असल्यास, एक प्रत करा आणि प्रयोग. तसेच, काळजी वजन व्यवस्थापन येण्याची घेतले पाहिजे. तो कोणत्याही गुणवत्ता नुकसान वजन इतर विस्तार परिवर्तन प्रतिमा फाइल घट न किंवा विशेष ऑनलाइन सेवा आणि कार्यक्रम वापर करून अमलात आणणे आवश्यक आहे. हे वेबमास्टर साइट वापरकर्त्यांना, पण नाही फक्त योग्य आहे - कारण अशा फाइल्स जलद लोड आणि एक होस्टिंग कमी जागा व्यापू जाईल.

शक्य नोंदी उदाहरणे

बघू कसे आपण हे करू शकता संच अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना मार्ग अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना प्रतिमा:

1. एक फाइल नाव.

2. टीप प्रतिमा पत्ता एक स्थानिक संगणकावर (सर्व्हर) वर स्थित आहे.

3. एक विविध होस्ट फाइल स्थान तपशीलवार मार्ग.

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

img करण्यासाठी alt आणि शीर्षक नियुक्ती?

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

जेथील मजकूर, एक विशेष गुणधर्म शीर्षक ठेवावी. खरं तर, या टूल टिप, आणि आपण तो जवळजवळ कोणत्याही व्हिज्युअल HTML-कोड घटकांच्या वापरू शकता. हे चांगले आहे ते आपण काही पैलू स्पष्ट परवानगी देतो कारण. दोन या उपशीर्षक गुणधर्म मध्ये दर्शविले वापरणे खालीलप्रमाणे आहेत: प्रथम उंची शीर्षक alt वाढणे, आणि नंतर नंतर वरील उदाहरणात.

शिवाय, ही विशेषता फक्त अभ्यागत सोय तयार करण्यासाठी करू शकत नाही. ते साइट जाहिरातीवरील सकारात्मक परिणाम असू शकतात. त्यामुळे, या कीवर्ड त्यांचा वापर मध्ये ठेवले पाहिजे. या होईल रँकिंग सुधारण्यासाठी साइट्स आणि सेवा प्रतिमा शोध इंजिन रँकिंग मध्ये एक संसाधन आहे. पण सर्व आपण काळजी आणि तर्क असणे आवश्यक आहे.

चित्रे संरेखित

प्रतिमा, आणि सामान्य 4 पूर्वी उल्लेख आहे मार्कअप भाषा घटक मध्ये, संरेखित करा गुणधर्म सुरु होते. त्यासह, आपण चित्रे स्थान बदलू शकता. पूर्वनिर्धारीतपणे, तळाशी धार एका सरळ रेषेत. तो तळाशी आहे. आणि कसे शीर्षस्थानी करावे? वरच्या आवश्यक आहे. सराव, हे दिसेल: SRC, प्रतिमा पत्ता सूचित जेथे, संरेखित करा गुणधर्म आणि त्याचे मूल्य जोडा.

आणि ओळ, जेथे चित्र आहे, तो वरच्या धार सरळ रेषेत जाईल. कसे मध्यभागी एक प्रतिमा घालण्यासाठी HTML का? मध्यम - लेखन करण्यासाठी अधिक एक संधी आहे. तेव्हा मूलतः काही बदलत नाही तो वापरून. अशा कोड नमुना वापरताना मध्यभागी एका सरळ रेषेत जाईल. आपण प्रतिमेच्या आसपास मजकूर ओघ करू शकता. करू या, उजव्या आणि डाव्या गुणधर्म लागू होतात. "फ्लोटिंग" अशा परिस्थितीत प्रतिमा होते. डावीकडे ऑफसेट इतर वाक्यरचना सारखेच दिसते. वापरून अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना योग्य देईन एक समान परिणाम अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना फरक अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना चित्र जाईल ठेवलेल्या वर अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना योग्य. या सूचना वापर त्याच्या स्वत: च्या बारकावे आहे. त्यामुळे, एक लक्षणीय समस्या प्रतिमा मजकूर खूप जवळ आहे. कारण हे तयार अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना sticking परिणाम, जे आहे ऐवजी अप्रिय करण्यासाठी अगोदर निर्देश केलेल्या बाबीसंबंधी बोलताना डोळा. पण या cascading शैली पत्रक किंवा HTML-कोड वापरून दुरुस्त केले जाऊ शकते. अशा प्रकारचे बदल vspace आणि hspace गुणधर्म वापरा. उजव्या आणि डाव्या वर - प्रथम पॅडिंग वरच्या आणि खालच्या, आणि दुसरा सेट करते.

आम्ही पार्श्वभूमी करत आहेत

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

निष्कर्ष

HTML, तो एक पूर्ण वाढ झालेला प्रोग्रामिंग भाषा पात्र नाही तरी, तथापि, अत्यंत मौल्यवान एक साइट तयार होतो. तो खरा हाड आहे. आणि तो आपल्याला माहीत आहे की, आम्ही पार्श्वभूमी आणि निश्चित प्रतिमा कार्य म्हणून आता म्हणायचे, आणि दुवे त्यांना संलग्न सुरक्षित आहे. त्यामुळे HTML मध्ये एक प्रतिमा कशी समाविष्ट प्रश्नाचे उत्तर, हे स्पष्ट होईल.