HTML nustatykite vaizdo ilgį ir plotį

Autorius: Roger Morrison
Kūrybos Data: 18 Rugsėjo Mėn 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
Image Tag and Src, Alt, Height and Width Attributes in HTML -- English-vlr training
Video.: Image Tag and Src, Alt, Height and Width Attributes in HTML -- English-vlr training

Turinys

Šiame „wikiHow“ paaiškinama, kaip nustatyti vaizdo aukštį ir plotį naudojant HTML („HyperText Markup Language“).

  • "Plotis" nurodo vaizdo plotį pikseliais.
  • "Aukštis" nurodo vaizdo aukštį pikseliais.
  • HTML 4.01 aukštį galima apibrėžti pikseliais arba procentais. HTML5 vertė turi būti taškų.

Žengti

  1. Redaguokite failą, kurio vaizdą norite rodyti. pavyzdžiui: default.html
  2. Pridėkite šią eilutę prie scenarijaus
    • img src = "imagefile.webp" alt = "Vaizdas" height = "42" width = "42">
    • src yra failo kelias į jūsų atvaizdą.
    • alt yra etiketė, kurią suteikiate savo atvaizdui.
  3. Pakeiskite „aukštis“ ir „plotis“, kaip jums patinka, pavyzdžiui, aukštis = „19“ plotis = „20“
  4. Išsaugokite failą ir atidarykite failą bet kurioje naršyklėje, kad pamatytumėte efektą. Atributas „width“ palaikomas visose pagrindinėse naršyklėse, tokiose kaip „Google Chrome“, „Safari“, „Mozilla Firefox“, „Opera“, „Internet Explorer“ ir kt.

Patarimai

  • Visada nurodykite vaizdų aukščio ir pločio atributus. Jei nustatomas aukštis ir plotis, įkeliant puslapį bus rezervuota vaizdui reikalinga vieta. Tačiau be šių atributų naršyklė nežino vaizdo dydžio ir jam negalima rezervuoti tinkamos vietos. Tai reiškia, kad puslapio išdėstymas keičiasi įkeliant (kol įkeliami vaizdai).
  • Sumažinus didelio vaizdo dydį koreguojant jo aukštį ir plotį, vartotojas priverčia atsisiųsti didelį vaizdą (net jei jis puslapyje atrodo mažas). Norėdami to išvengti, prieš įdėdami į puslapį, turite pakeisti programos mastelį.