HTML staat voor het integreren van beelden en objecten die kunnen worden gebruikt voor interactiviteit . HTML werkt goed als JavaScript die kunnen worden gebruikt om het gedrag van de web browsers beïnvloeden . Naast JavaScript , kan Cascading Style Sheets ( CSS ) ook worden geïntegreerd om de lay-out en de weergave van de inhoud beïnvloeden . Wanneer fatsoenlijk gebruikt , kunnen de effecten functionaliteit en user experience te verbeteren en maak een website opvallen . Om effectief te zijn , moet de speciale effecten niet vertragen de browser of irriteren de bezoekers . Instructies
Scrolling Text
Fire 1 -up van uw Notepad applicatie en typ de eenvoudige HTML -tags zoals hieronder weergegeven :
html > Dit is mijn eHow pagina < /title > < /head > <body> Dit is een Scrolling tekst < /body > <br> 2 <p> Sla het bestand hierboven als index.html op uw bureaublad en dubbelklik erop te lopen . U zult merken dat alleen een statische tekst " Dit is een Scrolling Text " verschijnt . <br> 3 <p> Ga terug naar uw toepassing Notepad en voeg onder de tekst onder " <body> " tag : <p> <body> <marquee> genealogie Dit is een Scrolling Text < /marquee > <br> <p> De volledige code luidt nu als volgt: <br> <p> <html> ; <head> <title> Dit is mijn eHow pagina < /title > < /head > <body> <marquee> Dit is een Scrolling Text < /marquee > < /body > <br> < br > <br> Scrolling Beelden <br> 4 <p> Zoek de afbeelding die u wilt op een webpagina te scrollen en klik met de rechtermuisknop , ga naar " Eigenschappen" en vind de log adres . Gebruik " Bekijk pagina Source " bij het gebruik van andere browsers zoals Firefox en ga naar het logo adres <br> <p> Copy 5 de pagina link naar het logo en ga terug naar je HTML-document en plak het zoals hieronder weergegeven . : <br> <p> <html> <head> <title> Dit is mijn eHow pagina < /title > < /head > <body> <marquee> < img src = " http://www.google.com /images /logo.gif > < /marquee > < /body > < /html > Dit is slechts een voorbeeld en verwijst niet naar behoren werkt . Gebruik een echte link die verwijst naar een reëel beeld . < br > <br> 6 <p> Sla het bestand op , ga terug naar uw document en het uitzicht . U kunt de grootte , scrollen lengte en andere details ook veranderen. <br> Mouse -Over Button <br> <br> 7 <p> Copy of maak twee beelden , bij voorkeur die die lijken op knoppen , naar een map . Noem de beelden "een" en " twee " . <br> 8 <p> Open uw Notepad applicatie en typ de code hieronder : <br> <p> <html> <head> <title> Dit is mijn eHow pagina < /title > < /head > <body> < img src = " one.gif " onmouseover = " src = " two.gif ' " onmouseout = " src = " one.gif ' " > < /body > < /htnl > <br> 9 <p> Sla het bestand op als afbeelding . html in dezelfde map waarin u de afbeeldingen opslaan <br> Alert Script <br> <p> Fire 10 van uw Notepad en typ onderstaande code : . <br> <p> < , html > <head> <title> Dit is mijn pop-up pagina < /title > < /head > <body> < a href = " http://Google.com " onMouseOver = " alert ( ' dit is een pop-up ) ; return true ; " > Klik popUp < /a > < /body > < /html > <br> 11 <p> Voeg uw eigen popup bericht , tekst van de link en de website dat u de link wilt referentie. <br> 12 <p> Sla het bestand op als pop.html en dubbelklik op te lopen . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/software/open-source-code/201309/144179.html' >Hoe kan ik te ontdoen van Mozilla Thunderbird ? </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/software/open-source-code/201309/144181.html' >Wat is OpenOffice Suite ? </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Open Source Code</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/144008.html" title="Barrières in Technologie " target="_self">Barrières in Technologie </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/144194.html" title="Hoe kan ik AVI converteren naar MP4 in Open Source " target="_self">Hoe kan ik AVI converteren naa…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/143879.html" title="Hoe de WordPress Redirection Plugin importeren " target="_self">Hoe de WordPress Redirection P…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/143710.html" title="Wat is het doel van het bestand mailertable ? " target="_self">Wat is het doel van het bestan…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/143896.html" title="De verschillen tussen PHPBB & PHPBB3 " target="_self">De verschillen tussen PHPBB & …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/144022.html" title="Hoe kan ik starten Volatiliteit Framework ? " target="_self">Hoe kan ik starten Volatilitei…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/143800.html" title="Hoe je Samba Debug " target="_self">Hoe je Samba Debug </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/144105.html" title="Hoe te importeren Open Office Draw naar Microsoft " target="_self">Hoe te importeren Open Office …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/open-source-code/201309/144044.html" title="Wat is Memory Access Violation ? " target="_self">Wat is Memory Access Violation…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180911.html' target="_self">Hoe kan ik zoeken naar een veld in Word </a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180882.html' target="_self">Hoe te Default Nummering Formaat wijzige…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180875.html' target="_self">Hoe maak je een locatie voor Automatisch…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180857.html' target="_self">Hoe maak je een sjabloon voor een pagina…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180836.html' target="_self">Hoe kan ik HTML gebruiken op de PalmOne …</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180831.html' target="_self">Hoe u Microsoft Works Download for Free </a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180810.html' target="_self">Hoe maak je een voorblad voor een Colleg…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180782.html' target="_self">Hoe te Etiketten maken voor DVD's </a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/180711.html' target="_self">Hoe om speciale tekens en symbolen ( ! I…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Software Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/utility-software/201309/170137.html" title="Hoe te gebruiken UltraISO een ISO Samenvoegen " target="_self">Hoe te gebruiken UltraISO een ISO Samenv…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/utility-software/201309/172151.html" title="Hoe te beginnen Systeemherstel Vanuit de Task Manager " target="_self">Hoe te beginnen Systeemherstel Vanuit de…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-word/201309/142559.html" title="Hoe te Raster in MS Word afdrukken " target="_self">Hoe te Raster in MS Word afdrukken </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/antivirus-software/201309/103169.html" title="How to Get Rid van Spyware & Invoegtoepassingen " target="_self">How to Get Rid van Spyware & Invoegtoepa…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-word/201309/142682.html" title="MS Word Activiteiten voor de rangen 2 tot 8 " target="_self">MS Word Activiteiten voor de rangen 2 to…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/antivirus-software/201309/99392.html" title="Hoe maak je een Snag Bar Block & Haar Gebruikers " target="_self">Hoe maak je een Snag Bar Block & Haar Ge…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/other-computer-software/201309/144468.html" title="Hoe toe te passen Traffic Shaping een gast WiFi VLAN " target="_self">Hoe toe te passen Traffic Shaping een ga…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/burn-dvds/201309/110614.html" title="Hoe te branden van een Ripped film Terug naar een DVD Met MacTheRipper " target="_self">Hoe te branden van een Ripped film Terug…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-access/201309/136837.html" title="Hoe kan ik geavanceerde filters in Excel Gebruik " target="_self">Hoe kan ik geavanceerde filters in Excel…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
