Kaip nustatyti vaizdo plotį ir aukštį naudojant HTML

Autorius: Clyde Lopez
Kūrybos Data: 17 Liepos Mėn 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
1. Q Light Controller + pradedama naudoti QLC +. Šviestuvai ir funkcijos
Video.: 1. Q Light Controller + pradedama naudoti QLC +. Šviestuvai ir funkcijos

Turinys

Šis straipsnis parodys, kaip HTML formatu nustatyti vaizdo aukštį ir plotį.

  • Atributas „width“ nustato vaizdo plotį (taškais).
  • Atributas „height“ nustato vaizdo aukštį (taškais).
  • HTML4.01 aukštį galima nustatyti pikseliais arba procentais, tačiau HTML5 - tik taškais.

Žingsniai

  1. 1 Atidarykite HTML failą. Pavyzdžiui, atidarykite failą default.html.
  2. 2 Pridėkite šią eilutę prie savo HTML kodo.
    • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
    • src yra kelias į grafinį failą (paveikslėlį).
    • alt, nustatomas vaizdo dydis.
  3. 3 Pakeiskite aukščio ir pločio atributų reikšmes norimomis reikšmėmis. Pavyzdžiui, taip: aukštis = "19" plotis = "20"
  4. 4 Išsaugokite failą ir atidarykite jį bet kurioje žiniatinklio naršyklėje. Atlikite tai, kad patikrintumėte, kaip keičiamas vaizdo dydis. Atributą „width“ palaiko visos pagrindinės naršyklės („Google Chrome“, „Safari“, „Mozilla Firefox“, „Opera“, „Internet Explorer“).

Patarimai

  • Visada nustatykite vaizdo aukštį ir plotį. Taigi, kai puslapis įkeliamas, vieta paliekama paveikslėliui. Priešingu atveju naršyklė nežinos vaizdo dydžio ir neužims vietos, todėl kraunant puslapį pasikeis puslapio išdėstymas.
  • Jei didelio vaizdo dydis sumažinamas naudojant „aukščio“ ir „pločio“ atributus, naudotojas įkelia didelį vaizdą (net jei jis puslapyje atrodo mažas). Todėl rekomenduojame pirmiausia pakeisti vaizdo dydį grafikos rengyklėje.