Angi lengden og bredden på et bilde ved hjelp av html

Innhold

Denne instruksjonen forklarer hvordan du angir høyden og bredden på et bilde ved hjelp av HTML (HyperText Markup Language).

  • `Breden` indikerer bredden på et bilde i piksler.
  • `Høyden` indikerer høyden på et bilde i piksler.
  • I HTML 4.01 høyde kan defineres i piksler eller prosenter. I HTML5 må verdien være i piksler.

Trinn

Bilde med tittelen Angi bildebredde og høyde ved hjelp av HTML Trinn 1
1. Rediger filen hvis bildet du vil vise. for eksempel: standard.html
Bilde med tittelen Angi bildebredde og høyde med HTML Trinn 2
2. Legg til denne linjen i skriptet ditt
"Bilde"
src er filbanen til bildet ditt.
alt er etiketten du gir bildet ditt.
Bilde med tittelen Angi bildebredde og høyde med HTML Trinn 3
3. Erstatte `høyde` og `bredde` som du ønsker, for eksempel høyde="19" bredde="20"
Bilde med tittelen Angi bildebredde og høyde med HTML Trinn 4
4. Lagre filen og åpne filen med hvilken som helst nettleser for å se effekten. "width"-attributtet støttes i alle større nettlesere som Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer osv.

Tips

  • Angi alltid høyde- og breddeattributter for bilder. Hvis høyden og bredden er angitt, vil plassen som trengs for bildet bli reservert når siden lastes inn. Uten disse attributtene vet imidlertid ikke nettleseren størrelsen på bildet og kan ikke reservere egnet plass til det. Effekten av dette er at sideoppsettet endres under lasting (mens bildene lastes inn).
  • Endre størrelsen på et stort bilde ved å justere høyden og bredden tvinger en bruker til å laste ned det store bildet (selv om det ser lite ut på siden). For å unngå dette, skaler du bildet på nytt med et program før du legger det på en side.

  • Оцените, пожалуйста статью