అనుభవం వెబ్ డిజైనర్లు: చిత్రాల చుట్టూ టెక్స్ట్ ప్రవాహం చేయడానికి ఎలా

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

మొదటి - ఎలా చిత్రాన్ని ఇన్సర్ట్. ఈ కోసం ఉంది ట్యాగ్ "img", అనేక లక్షణాలను కలిగి. వాటి ప్రధాన - "src". అది బ్రౌజర్ ను ఒక చిత్రాన్ని ఇన్సర్ట్ చేయవచ్చు చిరునామా నిల్వ. మీరు ఇప్పటికే కంప్యూటర్ వొక ప్రతిబింబ మార్గం పేర్కొనండి లేదా ఒక వెబ్ రిసోర్స్ కు లింక్ ఇస్తుంది.

గమనిక ఒక జత తక్కువ ముఖ్యమైన లక్షణాలను - "వెడల్పు" (వెడల్పు) మరియు "ఎత్తు" (ఎత్తు). వారు మానవీయంగా చిత్రాలు (చిత్రాలు సాగదీయడం, కుదించేందుకు ఉపయోగకరమైన ఎంపిక) పరిమాణాన్ని ఉపయోగిస్తారు.

తరువాత పారామితులు "hspace" మరియు "vspace" (పరిసర టెక్స్ట్ చిత్రం నుండి దూరం). స్పష్టంగా, "hspace" - సమాంతర పాడింగ్ మరియు "vspace" - నిలువు.

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

టాగ్లు మెజారిటీ లో ఉండే కొన్ని నిర్దిష్ట లక్షణాలను ఉన్నాయి. ఈ "accesskey", "తరగతి", "id" మరియు "శైలి". "Accesskey" నిర్వచిస్తుంది కీలను కలయిక, వస్తువు ప్రవేశం ద్వారా. "క్లాస్" మరియు "id" - CSS తో సంబంధం పారామితులు. వారు చిత్రాన్ని (లేదా దాని ఐడెంటిఫైయర్) కు చెందిన ఏ తరగతి వివరిస్తాయి. "శైలి" - లక్షణం టెక్స్ట్, మీరు ఒక అంతర్నిర్మిత చిత్రం CSS శైలి సెట్ అనుమతిస్తుంది.

చిత్రం రూపాన్ని నిర్వచించే పారామితులను ఒకటి "సరిహద్దు" ఉంది. ఇది వస్తువు చుట్టూ సరిహద్దు మందం నిర్ణయిస్తుంది మరియు (పిక్సెళ్ళు లో) ఏ సానుకూల పూర్ణాంక అమర్చవచ్చు.

తదుపరి గుణం - "align". అతను చిత్రం చుట్టూ టెక్స్ట్ ప్రవాహం వివరిస్తుంది. ఈ ఐచ్చికము "దిగువ", "మధ్య", "ఎడమ", "కుడి" మరియు "టాప్" అమర్చవచ్చు. పేరు టెక్స్ట్ చిత్రం ఉంచడానికి విలువలను ప్రతి నిర్ణయిస్తుంది. ఆబ్జెక్ట్ టెక్స్ట్ ఎడమవైపున ఉంటుంది - ఉదాహరణకు, "మిడిల్" మధ్య చిత్రం యొక్క విలువ "ఎడమ" అయితే, టెక్స్ట్ దిగువ సరిహద్దు వరకు భావానికి. HTML - కానీ ఈ చిత్రం చుట్టూ టెక్స్ట్ ప్రవాహం సెట్ చేయడానికి ఒకే ఒక మార్గం ఉంది.

CSS (మరింత బహుముఖ) - మరొక శక్తివంతమైన సాధనం ఉంది. ఇది మరింత సమర్థవంతంగా చిత్రం చుట్టూ టెక్స్ట్ ప్రవాహం సహా ట్యాగ్ గుణాలను, ఉపయోగించవచ్చు. CSS మీరు నిర్దిష్ట వస్తువు, మరియు అన్ని నీలాంటి వారికి మాత్రమే పారామితులు నిర్వచించటానికి అనుమతిస్తుంది. ఉదాహరణకు, మీరు పత్రంలో అన్ని చిత్రాల ఇండెంటేషన్ని పేర్కొనండి అనుకుంటే పది పిక్సెళ్ళు, అది ఒకే కుట్టు తో CSS ఫైల్ దానికి కనెక్ట్ సరిపోతుంది: "img {margin: 10px 10px 10px 10px;}" (ఆచరణలో, కోట్స్ అవసరం లేదు!).

చిత్రాల చుట్టూ ఒక టెక్స్ట్ ప్రవాహం ఉదాహరణకు, ఎడమ అంచున నిర్వచించవచ్చు: "img {align: ఎడమ;}".

మార్గం ద్వారా, జోడించడానికి CSS కోడ్ ఒక ఫైల్ లో వ్రాయటం లేదు. ఈ ట్యాగ్ "శైలి" మీరు CSS కోడ్ ఇన్సర్ట్ ఇది HTML, అందించబడుతుంది. కానీ అది మాత్రమే (మీరు బహుళ HTML ఫైళ్లు లో అదే కోడ్ జోడించాలనుకుంటే, మీరు ఒక ప్రత్యేక శైలి షీట్ సృష్టించడానికి ఉండాలి) పత్రం కోసం పని చేస్తుంది.

ఇప్పుడు మీరు ఈ నిర్వర్తించే ట్యాగ్ యొక్క ప్రయోజనకరమైన లక్షణాలు ఉపయోగించి, "విలీన" చేయవచ్చు సైట్ యొక్క చిత్రాలు. పునఃపరిమాణం ఉపయోగించడానికి లేదా టెక్స్ట్ చిత్రాలు మూసివేయాలని సంకోచించకండి. గ్రాఫిక్స్ భాగాలు లేకుండా వెబ్ పేజీలు - చాలా విచారంగా దృష్టి, అది కాదు?