Slik ruller du inn i et HTML-lerret

click fraud protection
...

Legg til rulling til et HTML-lerret ved å bruke et div-element.

Versjon 5 av HyperText Markup Language, bedre kjent som "HTML", inkluderer støtte for et nytt element kalt "lerretet". Et HTML5-lerretselement fungerer som en beholder for animasjon, grafikk eller tilpasset JavaScript kode. Hvis du vil aktivere rulling innenfor et lerret på websiden din, kan du pakke hele lerretselementet inn i et div-element og deretter bruke overflow-attributtet for å legge til de nødvendige rullefeltene.

Trinn 1

Åpne HTML-dokumentet som inneholder lerretselementet i et webredigeringsprogram eller en tekstbehandler.

Dagens video

Steg 2

Plasser tekstmarkøren før ""-taggen i HTML-koden din.

Trinn 3

Skriv inn følgende i HTML-koden din:

Overflow-attributtet vil aktivere rullefelt i beholderen din.

Trinn 4

Erstatt bredde- og høydeattributtene med pikselmengdene du vil bruke for å definere størrelsen på div-beholderen. Sørg for at bredde- og høydeverdiene du velger er store nok til å passe hele størrelsen på lerretselementet.

Trinn 5

Plasser tekstmarkøren etter ""-taggen.

Trinn 6

Skriv inn "

" inn i HTML-koden for å lukke div-beholderen.

Trinn 7

Lagre HTML-dokumentet og last det opp til webserveren din for å se lerretselementet med rulling.