HTML తో చిత్రం యొక్క పొడవు మరియు వెడల్పును సెట్ చేయండి

రచయిత: Roger Morrison
సృష్టి తేదీ: 18 సెప్టెంబర్ 2021
నవీకరణ తేదీ: 1 జూలై 2024
Anonim
HTML లో చిత్రం ఎత్తు మరియు వెడల్పు లక్షణాలు | HTML5 ట్యుటోరియల్
వీడియో: HTML లో చిత్రం ఎత్తు మరియు వెడల్పు లక్షణాలు | HTML5 ట్యుటోరియల్

విషయము

ఈ వికీ HTML (హైపర్‌టెక్స్ట్ మార్కప్ లాంగ్వేజ్) ఉపయోగించి చిత్రం యొక్క ఎత్తు మరియు వెడల్పును ఎలా సెట్ చేయాలో వివరిస్తుంది.

  • "వెడల్పు" చిత్రం యొక్క వెడల్పును పిక్సెల్‌లలో సూచిస్తుంది.
  • "ఎత్తు" చిత్రం యొక్క ఎత్తును పిక్సెల్‌లలో సూచిస్తుంది.
  • HTML 4.01 లో, ఎత్తును పిక్సెల్స్ లేదా శాతాలలో నిర్వచించవచ్చు. HTML5 లో, విలువ పిక్సెల్‌లలో ఉండాలి.

అడుగు పెట్టడానికి

  1. మీరు చిత్రాన్ని చూపించాలనుకుంటున్న ఫైల్‌ను సవరించండి. ఉదాహరణకు: default.html
  2. మీ స్క్రిప్ట్‌కు ఈ పంక్తిని జోడించండి
    • img src = "imagefile.webp" alt = "చిత్రం" ఎత్తు = "42" వెడల్పు = "42">
    • src మీ చిత్రానికి ఫైల్ మార్గం.
    • alt అనేది మీ చిత్రాన్ని మీరు ఇచ్చే లేబుల్.
  3. మీకు నచ్చిన విధంగా "ఎత్తు" మరియు "వెడల్పు" ని మార్చండి, ఉదాహరణకు ఎత్తు = "19" వెడల్పు = "20"
  4. ప్రభావాన్ని చూడటానికి ఫైల్‌ను సేవ్ చేసి, ఏదైనా బ్రౌజర్‌తో ఫైల్‌ను తెరవండి. గూగుల్ క్రోమ్, సఫారి, మొజిల్లా ఫైర్‌ఫాక్స్, ఒపెరా, ఇంటర్నెట్ ఎక్స్‌ప్లోరర్ వంటి అన్ని ప్రధాన బ్రౌజర్‌లలో "వెడల్పు" లక్షణానికి మద్దతు ఉంది.

చిట్కాలు

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