దీని చిత్రంతో ఉన్న వెబ్ శీర్షికను జోడించండి

9 ఈజీ దశల్లో వెబ్ చిత్రాలకు HTML శీర్షికలు జోడించండి

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

ఒక HTML చిత్రం శీర్షిక 9 స్టెప్స్

చిత్రంలో ఒక శీర్షికను జోడించి మీకు కావలసిన చోటికి వాటిని కలిసి కదలండి:

1. మీ వెబ్పేజీకి చిత్రాన్ని జోడించండి .
2. మీ వెబ్పేజీ కోసం HTML లో, చిత్రం చుట్టూ ఒక div ట్యాగ్ ఉంచండి:
3. style = "" >
4. width: image width px; "> వెడల్పు శైలి లక్షణంతో, "ఎత్తు =" ఎత్తు "/>
5. పరిసర పాఠం కంటే కొంచెం చిన్నవిగా ఉన్న శీర్షికలకు, డివై స్టైల్కు ఫాంట్ సైజు ఆస్తిని జోడించండి:
   font-size: 80%; ">
6. శీర్షిక క్రింద వారు కేంద్రీకృతమై ఉంటే శీర్షికలు ఉత్తమంగా కనిపిస్తాయి, కాబట్టి శైలి లక్షణాన్ని టెక్స్ట్-ఎలైన్ ఆస్తిని జోడించండి:
   text-align: center; "> < img src = "URL" alt = "ప్రత్యామ్నాయ వచనం" width = "width" height = "height" />
7. చివరగా, పాడింగ్-బాటమ్ శైలి ఆస్తితో చిత్రంకు శైలి లక్షణాన్ని జోడించడం ద్వారా చిత్రం మరియు శీర్షిక మధ్య కొద్దిగా అదనపు ఖాళీని జోడించండి:
   style =" padding-bottom: 0.5em; " />

1. నేరుగా చిత్రం క్రింద టెక్స్ట్ శీర్షికను జోడించండి:
   ఇది నా శీర్షిక

మీ సర్వర్కు వెబ్పేజీని అప్లోడ్ చేయండి మరియు బ్రౌజర్లో దాన్ని పరీక్షించండి.

శీర్షికలు చిట్కాలు

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