HTML tillåter inbäddning av bilder och föremål som kan användas för interaktivitet . HTML fungerar bra med JavaScript som kan användas för att påverka beteendet hos webbläsare . Förutom JavaScript , kan Cascading Style Sheets ( CSS ) också integreras för att påverka layout och visning av innehållet . När det används anständigt , kan effekterna ger funktionalitet och förbättra användarupplevelsen och göra en hemsida sticker ut . För att vara effektiva måste specialeffekter sakta inte webbläsaren eller irritera besökarna . Instruktioner
Rullande text
1

Fire upp din programmet Anteckningar och skriv grundläggande HTML-taggar som visas nedan :

html > Detta är min eHow sida < /title > < /head > <body> Detta är ett Rullande text < /body> <br> 2 <p> Spara filen ovan som index.html på ditt skrivbord och dubbelklicka på den att köra. Du kommer att märka att endast en statisk text " Detta är ett Rullande text " visas . <br> 3 <p> Gå tillbaka till din Anteckningar ansökan och lägga till texten nedan under " <body> " taggen : <br> <p> <body> <marquee> Detta är ett Rullande text < /marquee > <br> <p> hela koden ska nu läsa enligt nedan : <br> <p> <html> ; <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <title> Detta är min eHow sida < /title > < /head > <body> <marquee> Detta är ett Rullande text < /marquee > < /body> <br> <br > <br> bläddra bilder <br> 4 <p> Leta bilden du vill bläddra på en webbsida och högerklicka , gå till "Egenskaper" och hitta loggen adressen . Använd " Visa källkod" när du använder andra webbläsare som Firefox och navigera till logotypen adress <br> 5 <p> Kopiera länken för att logotypen och gå tillbaka till din HTML- dokument och klistra in det som visas nedan . : <br> <p> <html> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <title> Detta är min eHow sida < /title > < /head > <body> <marquee> < img src = " http://www.google.com /images /logo.gif > < /marquee > < /body> < /html > det här är bara ett exempel och kanske inte fungerar korrekt . Använd en riktig länk som refererar till en riktig bild . <br > <br> 6 <p> Spara filen , gå tillbaka till dokumentet och vyn . Du kan ändra storlek , rulla längd och andra detaljer också. <br> muspekaren över Button <br> <br> 7 <p> Kopiera eller skapa två bilder , företrädesvis de som ser ut som knappar , till en mapp . Döp bilderna " ett " och " två " . <br> 8 <p> Öppna programmet Anteckningar och skriv in koden nedan : <br> <p> <html> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <title> Detta är min eHow sida < /title > < /head > <body> < img src = " one.gif " onMouseOver = " src = ' two.gif ' " onMouseOut = " src = ' one.gif ' " > < /body> < /htnl > <br> 9 <p> Spara filen som bilden . html i samma mapp som du sparar bilderna Addera Alert Script <br> 10 <p> Fire upp din Anteckningar och skriv in koden nedan : . <br> <p> < , html > <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <title> Detta är min Pop Up Sida < /title > < /head > <body> < a href = " http://Google.com " onMouseOver = " alert ( ' detta är en Pop Up ) , return true ; " > Klicka popUp < /a > < /body> < /html > <br> 11 <p> Lägg ditt egna popup-meddelande , länktext och webbplatsen att du vill att länken ska hänvisningen . <br> 12 <p> Spara filen som pop.html och dubbelklicka på att köra . <br> <br> <div class=dad2><script language='javascript' src='http://www.dator.xyz/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='http://www.dator.xyz/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programvara/open-source-code/144179.html' >Hur kan jag bli av Mozilla Thunderbird </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programvara/open-source-code/144181.html' >Vad är OpenOffice Suite </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143963.html" title="Hur man sätter kulor i WordPress " target="_self">Hur man sätter kulor i WordPress </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/144067.html" title="Typer av ActiveX-kontroller " target="_self">Typer av ActiveX-kontroller </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143876.html" title="Hur man installerar The Gazette Edition Alternativ till WordPress " target="_self">Hur man installerar The Gazette Edition Alternativ till…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143985.html" title="Hur du ändrar bakgrundsfärgen på en bild i NeoOffice " target="_self">Hur du ändrar bakgrundsfärgen på en bild i NeoOffice…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/144257.html" title="Vad är Linuxkärnan " target="_self">Vad är Linuxkärnan </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143925.html" title="Hur du ändrar din webbplats titel i Kompozer " target="_self">Hur du ändrar din webbplats titel i Kompozer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143750.html" title="Vad Är Opus System " target="_self">Vad Är Opus System </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143827.html" title="Hur man startar HP - UX Into Single - User Mode " target="_self">Hur man startar HP - UX Into Single - User Mode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143805.html" title="Hur du ändrar en Apache Användarnamn i PHP " target="_self">Hur du ändrar en Apache Användarnamn i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/144074.html" title="Scrum Open Source Tools " target="_self">Scrum Open Source Tools </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/microsoft-access/136476.html" title="Lägga till ett lösenord på ett Excel-dokument " target="_self">Lägga till ett lösenord på ett Excel-dokument </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/database-software/115478.html" title="Hur du ändrar primärnyckeln i Oracle9i " target="_self">Hur du ändrar primärnyckeln i Oracle9i </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/animation-software/98965.html" title="Hur få min hund foto på kort och vykort " target="_self">Hur få min hund foto på kort och vykort </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/data-compression/111642.html" title="Hur Zip en e mapp på en Mac " target="_self">Hur Zip en e mapp på en Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/digital-video-software/123894.html" title="Vad kan spela en AVI Video " target="_self">Vad kan spela en AVI Video </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/utility-software/169389.html" title="Hur man installerar Ziperello V1.3 Patch " target="_self">Hur man installerar Ziperello V1.3 Patch </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/digital-video-software/125969.html" title="Konvertera MPEG4 1080i video till en MPEG " target="_self">Konvertera MPEG4 1080i video till en MPEG </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/productivity-software/163494.html" title="Hur att automatiskt konvertera XLS till CSV " target="_self">Hur att automatiskt konvertera XLS till CSV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/word-processing-software/176196.html" title="Hur man sparar ett Word-dokument som RTF " target="_self">Hur man sparar ett Word-dokument som RTF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/pc-games/146746.html" title="De bästa PC-spel under 2007 " target="_self">De bästa PC-spel under 2007 </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>