HTML లో వలె, నేపథ్యంలో చిత్రాన్ని గట్టిగా చొప్పించండి. కంప్యూటర్ నుండి, మధ్యలో, పట్టికలో HTML లో ఒక చిత్రాన్ని చొప్పించడం ఎలా

సైట్లతో పనిచేసేటప్పుడు దృశ్య భాగం చాలా ముఖ్యమైనది. వాస్తవానికి, ఇది ఫంక్షనల్ కు తక్కువస్థాయిలో ఉంటుంది, కానీ ఇది విస్మరించకూడదు. మీ కంప్యూటర్ నుండి మీ సైట్కు ఒక HTML చిత్రాన్ని ఎలా ఇన్స్టాల్ చేయాలి అనేదాని గురించి మాట్లాడండి. దీని కోసం ఒక అవకాశం ఇవ్వబడింది లేదా కొన్ని? ఇతర వ్యక్తులను చూసేందుకు ఎలా చిత్రాన్ని HTML లో చేర్చాలి? ఏ కంప్యూటర్ లేదా సర్వర్?

HTML అంటే ఏమిటి?

హైపర్టెక్స్ట్ పత్రాల కోసం మార్కప్ భాష - ఈ సంక్షిప్త పదము ఎలా ఉంటుందో. దాని సహాయంతో భవిష్యత్ సైట్ యొక్క వెన్నెముక ఏర్పడుతుంది, ఇక్కడ ప్రధాన అంశాల ప్లేస్ పని చేయబడుతోంది. అప్పుడు డేటా బదిలీకి బాధ్యత వహించే స్టైల్ షీట్లు మరియు php- ఫైల్స్, ఇప్పటికే ఆకృతీకరించబడ్డాయి. కానీ ఏ పేజీ యొక్క గుండె వద్ద HTML ఉంది. దాని సహాయంతో, మార్గం ద్వారా, చిత్రాలు సర్దుబాటు. మీరు మరియు ఇతర మార్గాల్లో చేయవచ్చు, కానీ మీరు ఏదో సాధారణ ప్రారంభ లోడ్ నిర్ధారించడానికి అవసరం ఉంటే, ఉదాహరణకు, ఒక డ్రాయింగ్, అప్పుడు అది ఉపయోగించడానికి. ఇప్పుడు మనము HTML లో ఒక చిత్రం ఎలా ఇన్సర్ట్ చేయాలో అనే ప్రశ్నకు తిరుగుతున్నాము.

Img ట్యాగ్ ఉపయోగించి

మేము గ్రాఫిక్స్ని ఉపయోగించడం ప్రారంభించాము. నేను ఒక HTML పత్రంలో నేపథ్య చిత్రాన్ని ఎలా చేర్చగలను? మరియు మొదటి స్థానంలో, ఇది ఒక ఫైల్ వస్తువుగా ఫైల్ను ఇన్సర్ట్ చేస్తుంది. అటువంటి అదనంగా, img ఉపయోగించబడుతుంది. ఈ ట్యాగ్ అనేది ఒక అంశం అంశం, దీనిలో భర్తీ కంటెంట్ ఉంది. ఇది హైపర్టెక్స్ట్ మార్కింగ్ భాష యొక్క నాలుగు భాగాలు మాత్రమే కలిగివుంటుంది. ఒకటి src, ఎత్తు మరియు వెడల్పు, అవి తరువాత చర్చించబడతాయి. ఇతర మూడు వస్తువులు, పొందుపరిచిన (మీడియా కంటెంట్ను పొందుపరచడానికి) మరియు iframe (ఫ్లేమ్స్ యొక్క ఉపయోగం). ట్యాగ్ అది చిన్న మూలకం కలిగి ఉంటే పనిచేస్తుంది. మాత్రమే తేడా బాహ్య కంటెంట్ ఉపయోగిస్తారు, ఇది ప్రదర్శించబడుతుంది. ఈ సందర్భంలో, మూడవ పక్ష ఫైల్ ఉండాలి, వాస్తవానికి అది లోడ్ అవుతుంది. HTML లో ఒక నేపథ్య చిత్రాన్ని ఎలా ఇన్సర్ట్ చేయాలో గురించి మీకు ఒక ప్రశ్న ఉంటే, అది డ్రాప్ చేయడం మంచిది. ఎందుకంటే ఇది ప్రదర్శించబడుతున్నప్పుడు మాత్రమే కంప్యూటర్ ఉన్న చిత్రం, ఇది ఉన్నది.

Src లక్షణాలను ఉపయోగించడం

కాబట్టి, మేము ఒక HTML పత్రంలో ఒక గ్రాఫిక్ చిత్రం ఎలా ఇన్సర్ట్ చేయాలో అనే ప్రశ్నపై పని చేస్తున్నాము. లోడ్ చేయవలసిన ప్రతిమకు పథాన్ని తెలుపుటకు, src ని వాడండి. సాధారణ పథకం ఈ క్రింది విధంగా ఉంటుంది: మీరు ఈ లక్షణాన్ని ఉపయోగించాలి, సమాన సంకేతం మరియు చిరునామాను పేర్కొనాలి.

HTML అన్వయించడం ఉన్నప్పుడు బ్రౌజర్ ట్యాగ్కు చేరుకున్న వెంటనే, అది తక్షణమే పంక్తి అంశం ప్రదర్శించబడే ప్రాంతంలో సృష్టిస్తుంది. ఇది ఉంది మరియు బాహ్య ఫైల్ లోడ్ అవుతుంది. మార్గం ఏ దోషాలను కలిగి ఉండకూడదు, ఎందుకంటే ఇది అమలులో ఉన్న కార్యక్రమం. మరియు ఆమె ఫైల్ కనుగొనలేకపోతే, అప్పుడు లోపం ఐకాన్ ప్రదర్శించబడుతుంది, ఇది చాలా అందమైన చూడండి లేదు. నేను ఒక HTML పత్రం పట్టికలో ఎలా చిత్రాన్ని చేర్చగలను ? అవసరమైన సెల్ లో అవసరమైన అన్ని కోడ్ను వ్రాయడం అవసరం.

సర్వర్లో చిత్రాన్ని ఆకృతీకరించు: img ట్యాగ్లో ఎత్తు మరియు వెడల్పు

కాబట్టి మేము HTML లో ఒక చిత్రం ఎలా ఇన్సర్ట్ చేయాలో తెలిసింది. దాన్ని ఇప్పుడు ఎలా గుర్తించాలో, దాన్ని సెటప్ చేయాలి. యూజర్ యొక్క కంప్యూటర్కు ఫైల్ను డౌన్లోడ్ చేయటం ప్రారంభమైన వెంటనే, చిత్ర పరిమాణం తక్షణమే నిర్ణయించబడుతుంది. మరియు దాని ప్రారంభ పారామితులు మీరు ఏమి సరిపోలడం లేదు? ఈ సందర్భంలో, ఎత్తు మరియు వెడల్పు పారామితులు (పిక్సల్స్లో సూచించబడతాయి) సహాయపడుతుంది. ఈ సందర్భంలో, కోడ్ క్రింది రాస్తారు: మొదటి src మరియు ఫైల్ చిరునామా. అప్పుడు ఇదే రూపకల్పన వెడల్పును నిర్దేశిస్తుంది మరియు వెడల్పు ఉండాలి. చివరిది ఎత్తు మరియు ఎత్తు. వెబ్ మాస్టర్లు తరచూ ఇలాంటి పొరపాటు చేస్తారు: అవి సర్వర్కు పెద్ద ఫైల్ను అప్లోడ్ చేస్తాయి, వీటి పరిమాణం అనేక మెగాబైట్లు. మార్గం సూచించబడింది మరియు చిత్రం అవసరమైన పరిమాణాన్ని సరిదిద్దబడింది. దీని ఫలితంగా, ఒక చిన్న చిత్రాన్ని ఎంత నెమ్మదిగా లోడ్ చేస్తుందో చూడవచ్చు. ఇది వెలుపల నుండి చాలా ఆకర్షణీయమైన కనిపిస్తోంది కాదు.

పని కోసం సిఫార్సులు

ప్రతికూలతను నివారించడానికి, చిత్రం యొక్క పరిమాణాన్ని ముందుగానే తగ్గించండి. ఆకర్షణీయమైన ప్రదర్శన కోసం ఏ పారామితులు అవసరమో మీకు తెలియకపోతే, దానితో ఒక కాపీని మరియు ప్రయోగాన్ని సృష్టించండి. అలాగే, బరువును ఆప్టిమైజ్ చేయడానికి జాగ్రత్త తీసుకోవాలి. ఇతర పొడిగింపులకు బదిలీ చెయ్యడం లేదా ప్రత్యేక ఆన్లైన్ సేవలు మరియు ప్రోగ్రామ్లను ఉపయోగించడం ద్వారా నాణ్యత కోల్పోకుండా గ్రాఫిక్ ఫైల్స్ యొక్క బరువును తగ్గించడం అవసరం. ఇది సైట్ యొక్క వినియోగదారులచే మాత్రమే కాకుండా, ఒక చెయండి ద్వారా మాత్రమే ప్రశంసించబడుతుంది - అన్ని తరువాత, అటువంటి ఫైల్లు వేగవంతంగా లోడ్ చేయబడతాయి మరియు హోస్టింగ్లో తక్కువ ఖాళీని పొందుతాయి.

రికార్డింగ్ సామర్ధ్యాల ఉదాహరణ

మీరు చిత్రం మార్గం ఎలా వ్రాయగలరో చూద్దాం:

1. ఒక ఫైల్ పేరు.

2. ఒక స్థానిక కంప్యూటర్ (సర్వర్) లో ఉన్న చిత్రం యొక్క చిరునామాను పేర్కొనండి.

3. ఇతర హోస్ట్ నందు ఫైలు యొక్క స్థానానికి వివరణాత్మక మార్గం.

మొదటి స్థానం నుండి ఉదాహరణను ఉపయోగించినప్పుడు, ఇమేజ్ చిత్రం అదే డైరెక్టరీలో ఉండాలి. రెండవ స్థానం ప్రస్తుత పేజీకు సంబంధించిన ఉపఫోల్డర్. మూడవ ఉదాహరణ కావలసిన చిత్రం చూడవచ్చు సంపూర్ణ మార్గం నిర్దేశిస్తుంది. తరువాతి సందర్భంలో, చిత్రం ఏ సర్వర్లోనైనా ఉంటుందో లేదో గమనించండి (అటువంటి ఉపయోగం htaccess ఫైల్లో నిషేధించబడకపోతే). అయితే, ఇది తీసివేయబడితే, మీ సైట్లోని చిత్రం కనిపించదు. HTML యొక్క అసమాన్యత మీరు మార్కప్ పత్రం మాత్రమే అవసరం, మరియు అన్నిటికీ మూడవ పార్టీ సర్వర్ల నుండి లోడ్ చేయవచ్చు. డౌన్ లోడ్ వేగం పెంచడానికి ఈ పద్దతులను తరచుగా ఉపయోగిస్తారు (కానీ ఇక్కడ మీరు ఈ సాధనాన్ని ఎలా ఉపయోగించాలో తెలుసుకోవాలి).

Img కు Alt మరియు టైటిల్ కేటాయించాలా?

కొన్ని కారణాల వలన గ్రాఫికల్ ఫైల్ HTML పత్రంతో లోడ్ చేయబడనప్పుడు నేను ఏమి చేయాలి? తప్పు మార్గం లేదా ఏదో ఉంటే, మీరు తప్పక alt లక్షణం ఉపయోగించాలి. ఇది చిత్రం యొక్క ప్రత్యామ్నాయ ప్రాతినిధ్యం పని చేస్తుంది. షెడ్యూల్ లోడ్ కాదని అనుకుందాం. కానీ బ్రౌజర్ ఇప్పటికీ ఆ చిత్రం క్రింద ఉన్న ప్రాంతాన్ని ఏర్పరుస్తుంది. వినియోగదారుడు ఒక లోడ్ని ఆశించేటప్పుడు కూడా సందర్భాలలో అవసరం మరియు కార్యక్రమం షెడ్యూల్ను అంగీకరించడానికి సన్నద్ధమవుతుందని అతనికి చూపించాల్సిన అవసరం ఉంది.

సహ వచనాన్ని ప్రదర్శించడానికి, ప్రత్యేక శీర్షిక లక్షణాన్ని ఉపయోగించండి. నిజానికి, ఇది ఒక ఉపకరణ చిట్కా, మరియు మీరు HTML కోడ్ యొక్క ఏదైనా కనిపించే మూలకం కోసం దీన్ని ఉపయోగించవచ్చు. ఇది కొన్ని అంశాల గురించి వివరిస్తుంది. ఈ ఉప శీర్షికలో చూపిన రెండు లక్షణాల ఉపయోగం ఇలా కనిపిస్తుంది: పైన ఉన్న ఉదాహరణకి, ఎత్తు తర్వాత, alt మొదట జోడించబడింది, ఆపై శీర్షిక.

మరియు ఈ గుణాలు మీ కోసం సౌలభ్యం సృష్టించడానికి మాత్రమే సర్వ్ కాదు. సైట్ యొక్క ప్రమోషన్ను వారు సానుకూలంగా ప్రభావితం చేయవచ్చు. కాబట్టి, ఈ కోసం మీరు ఎల్లప్పుడూ వాటిలో కీలకపదాలను ఉపయోగించాలి. ఇది సైట్లు మరియు శోధన ఇంజిన్ చిత్రాల సేవల ర్యాంకింగ్ లో వనరు యొక్క ర్యాంకింగ్ను మెరుగుపరుస్తుంది . కానీ ప్రతిదీ లో మీరు జాగ్రత్తగా మరియు హేతుబద్ధ ఉండాలి.

పిక్చర్స్ సమలేఖనం

చిత్రాల కోసం, సాధారణంగా గతంలో ప్రస్తావించబడిన మార్కప్ భాషలోని అన్ని 4 అంశాలు, లక్షణం సమలేఖనం పరిచయం చేయబడ్డాయి. దానితో, మీరు చిత్రం యొక్క స్థానాన్ని మార్చవచ్చు. అప్రమేయంగా, అది దిగువ అంచుకు సర్దుకుంటుంది. దీనికి, దిగువ బాధ్యత. మరియు పైన ఎలా చేయాలో? ఇది పైన అవసరం. ఆచరణలో, ఇది ఇలా కనిపిస్తుంది: src తర్వాత, చిత్రం యొక్క చిరునామా పేర్కొనబడినప్పుడు, లక్షణాన్ని సమలేఖనం చేసి దాని విలువను జోడించండి.

మరియు చిత్రం ఉన్న లైన్ లో, అది ఎగువ అంచులో సమలేఖనమైంది ఉంటుంది. మధ్యభాగంలో ఉన్న చిత్రాన్ని చొప్పించడానికి HTML లో ఎలా? రికార్డింగ్ మరో అవకాశం ఉంది - మధ్య. దాని ఉపయోగంతో, ప్రాథమికంగా ఏమీ మారదు. మీరు ఈ కోడ్ని ఉపయోగిస్తే, చిత్రం మధ్యలో సమలేఖనం అవుతుంది. మీరు చిత్రంపై వచన సర్దుబాటు చేయవచ్చు. దీన్ని చేయడానికి, కుడి మరియు ఎడమ లక్షణాలను వర్తింపజేస్తారు. అలాంటి సందర్భాలలో, చిత్రం "ఫ్లోటింగ్" అవుతుంది. ఎడమవైపుకు ఆఫ్సెట్ ఇతర అక్షరక్రమానుసార వైవిధ్యాలు వలె కనిపిస్తాయి. కుడివైపున ఉపయోగించడం వలన చిత్రం కుడి వైపున ఉంచుతారు. ఈ సూచనల దరఖాస్తు దాని స్వల్ప నైపుణ్యాలను కలిగి ఉంది. కాబట్టి, సమస్య టెక్స్ట్ చాలా దగ్గరగా చిత్రం ఉంది. ఈ కారణంగా, ఒక సంశ్లేషణ ప్రభావం సృష్టించబడుతుంది, ఇది కంటికి చాలా అసహ్యకరమైనది. కానీ మీరు దీనిని క్యాస్కేడింగ్ స్టైల్ షీట్ లేదా HTML కోడ్తో పరిష్కరించవచ్చు. అటువంటి మార్పులకు vspace మరియు hspace లక్షణాలను ఉపయోగించండి. మొదటిది దిగువ నుండి మరియు పైనుండి మరియు రెండోది - కుడి నుండి మరియు ఎడమ నుండి సూచికను సూచిస్తుంది.

నేపథ్యాన్ని రూపొందించడం

సైట్ యొక్క HTML పేజీలో చిత్రాన్ని ఎలా ఇన్సర్ట్ చెయ్యాలి? ఈ లక్ష్యాన్ని సాధించడానికి నేపథ్య లక్షణం చాలా ఉపయోగకరంగా ఉంది. ఇది శరీర మూలకం యొక్క భాగం. దాని ఉద్దేశ్యం గ్రాఫిక్ ఫైల్కు మార్గం చూపడం, ఇది ఒక పేజీ, పట్టిక లేదా ఒక ప్రత్యేక సెల్ ని నింపాలి. ఆచరణలో, వినియోగం ఇలా కనిపిస్తుంది: చిత్రం యొక్క చిరునామా ఇప్పటికే శరీరబ్యాంకు పరామితి విలువగా వ్రాయబడింది. ఈ విధంగా సెట్ నేపథ్య చిత్రం ఆర్డినేట్స్ మరియు ఎగువ ఎడమ మూలలో నుండి అబ్సిస్సా గొడ్డలి పాటు పునరావృతమవుతుంది. మునుపటి ఇక్కడ డాక్ తో డాక్. ఒక రంగుతో ఏదో ఒకదాన్ని పూరించడానికి ఒక కోరిక ఉంటే, మరియు చిత్రాన్ని ఉపయోగించవద్దు, అప్పుడు మీరు ఒక క్లుప్త వివరణను ఉపయోగించవచ్చు: గామా సంఖ్య శరీరం bgcolor పరామితికి ఒక లక్షణంగా సూచించబడుతుంది. చిన్న మార్పులు ఉన్నాయి. మీరు చూడగలరని, bgcolor గుణం ఇప్పటికే ఉపయోగించబడింది. దానికి, మీరు పేజీ లేదా దాని భాగాన్ని నింపిన రంగుని మాత్రమే పేర్కొనాలి. మీ కంప్యూటర్ నుండి ఒక చిత్రాన్ని నేపథ్యంలోకి మార్చడానికి మరియు రంగును మార్చడానికి ఒక చిత్రాన్ని ఇమేజ్ ఇన్ ఎలా చేయాలో ఇక్కడ ఉంది. సాధారణంగా, HTML ను పూర్తి చేయడానికి, ఇది అతనికి ఒక వారం ఇవ్వాలని సరిపోతుంది మరియు ఇది ఒక ప్రతీకారంతో సరిపోతుంది.

నిర్ధారణకు

ఒక పూర్తిస్థాయి ప్రోగ్రామింగ్ లాంగ్వేజ్ను క్లెయిమ్ చేయనప్పటికీ HTML, అయినప్పటికీ వెబ్ సైట్ ను సృష్టించినప్పుడు చాలా విలువైనది. అతను నిజమైన అస్థిపంజరం. మరియు ఇప్పుడు మీరు నేపథ్యంతో మరియు స్థిర చిత్రాలతో ఎలా పని చేయాలో తెలుసుకున్నారని మరియు వారికి లింక్లను కూడా జోడించవచ్చనే నమ్మకంతో మేము చెప్పగలను. అందువల్ల, HTML లో చిత్రం ఎలా ఇన్సర్ట్ చేయాలో అనే ప్రశ్నకు సమాధానం స్పష్టంగా ఉండాలి.