Sådan ruller du inde i et HTML-lærred

...

Tilføj rulning til et HTML-lærred ved at bruge et div-element.

Version 5 af HyperText Markup Language, bedre kendt som "HTML", inkluderer understøttelse af et nyt element kaldet "lærredet". Et HTML5-lærredselement fungerer som en beholder til animation, grafik eller tilpasset JavaScript kode. Hvis du vil aktivere rulning inden for et lærred på din webside, kan du pakke hele lærredselementet ind i et div-element og derefter bruge overløbsattributten til at tilføje de nødvendige rullebjælker.

Trin 1

Åbn HTML-dokumentet, der indeholder lærredselementet i et webredigeringsprogram eller et tekstbehandlingsprogram.

Dagens video

Trin 2

Placer din tekstmarkør før "" tag i din HTML-kode.

Trin 3

Indtast følgende i din HTML-kode:

Overløbsattributten vil aktivere rullepaneler i din beholder.

Trin 4

Erstat bredde- og højdeattributterne med de pixelmængder, du vil bruge til at definere størrelsen på div-beholderen. Sørg for, at de bredde- og højdeværdier, du vælger, er store nok til at passe til hele størrelsen af ​​dit lærredselement.

Trin 5

Placer din tekstmarkør efter "" tagget.

Trin 6

Skriv "

" ind i HTML-koden for at lukke div-beholderen.

Trin 7

Gem HTML-dokumentet og upload det til din webserver for at se lærredselementet med rulning.