HTML giver mulighed for indlejring af billeder og genstande, der kan bruges til interaktivitet. HTML fungerer godt med JavaScript , der kan bruges til at påvirke adfærden af web-browsere . Ud over JavaScript kan Cascading Style Sheets ( CSS) også integreres at påvirke layout og visning af indhold. Når det bruges anstændigt , kan virkningerne levere funktionalitet og forbedre brugernes oplevelse og lave en hjemmeside skiller sig ud . For at være effektiv , bør de særlige effekter ikke bremse af browseren eller irritere de besøgende. Instruktioner
Scrolling Text
1

Fire din Notesblok ansøgning og skriv de grundlæggende HTML-tags , som vist nedenfor : Hej

html > Dette er en Scrolling Text
2

Gem filen ovenfor som index.html på dit skrivebord og dobbeltklik på den at køre . Du vil bemærke, at kun en statisk tekst "Dette er en Scrolling Text " vises.
3

Gå tilbage til din Notesblok ansøgning og tilføje teksten nedenfor under " " tag : Hej

Dette er en Scrolling Text

hele koden skal nu læses som vist nedenfor : Hej

, Dette er en Scrolling Text < /body>
< br >
rulning Images
4

find det billede, du vil rulle på en webside, og højreklik , gå til "Egenskaber" og finde log -adresse. Brug " Vis side kilde" ved brug af andre browsere som Firefox og navigere til logoet adresse
5

Kopier link side til logoet og gå tilbage til dit HTML-dokument og indsætte den som vist nedenfor. :

< img src = "http://www.google.com /billeder /logo.gif > < /html > Dette er blot et eksempel , og kan ikke fungere korrekt. Brug en reel forbindelse , at referencer et reelt billede . < br >
6

Gem filen , gå tilbage til dit dokument og visningen. Du kan ændre størrelse, rulle længde og andre detaljer som godt.
Mouse -Over Button

7

Copy eller oprette to billeder , helst dem, der ligner knapper , i en mappe. Navngiv billederne "en" og "to" .
8

Åbn dit Notepad ansøgning og skrive koden nedenfor : Hej

< img src = " one.gif " onmouseover =" src = " two.gif ' " onmouseout = " src = " one.gif «">
9

Gem filen som billede . html i den samme mappe , som du gemme billederne
Alert Script
10

Fire din Notepad og skrive koden nedenfor: .

< ; html >