The best magazine
HTML Tutorial for Special Effects
- 1). Fire up your Notepad application and type the basic HTML tags as shown below:
html>
<head>
<title> This is my eHow page</title>
</head>
<body>
This is a Scrolling Text
</body> - 2). Save the file above as index.html on your desktop and double-click it to run. You will notice that only a static text "This is a Scrolling Text" appears.
- 3). Go back to your Notepad application and add the text below under the "<body>" tag:
<body>
<marquee> This is a Scrolling Text </marquee>
The entire code should now read as shown below:
<html>
<head>
<title> This is my eHow page</title>
</head>
<body>
<marquee>This is a Scrolling Text</marquee>
</body> - 1). Locate the image you want to scroll on a web page and right click, go to "Properties" and find the log address. Use "View Page Source" when using other browsers like Firefox and navigate to the logo address.
- 2). Copy the link page to the logo and go back to your HTML document and paste it as shown below:
<html>
<head>
<title> This is my eHow page</title>
</head>
<body>
<marquee><img src="http://www.google.com/images/logo.gif></marquee>
</body>
</html>
This is just an example and may not work properly. Use a real link that references a real image. - 3). Save the file, go back to your document and view. You can change the size, scrolling length and other details as well.
- 1). Copy or create two images, preferably those that look like buttons, to a folder. Name the images "one" and "two".
- 2). Open your Notepad application and type the code below:
<html>
<head>
<title> This is my eHow page</title>
</head>
<body>
<img src="one.gif" onmouseover="src= 'two.gif'" onmouseout="src= 'one.gif'" >
</body>
</htnl> - 3). Save the file as image.html in the same folder that you save the images.
- 1). Fire up your Notepad and type the code below:
<html>
<head>
<title> This is my Pop Up Page</title>
</head>
<body>
<a href="/links/?u=http://Google.com"
onMouseOver="alert('This is a Pop Up);return true;">Click PopUp</a>
</body>
</html> - 2). Add your own popup message, link text and the website that you want the link to reference.
- 3). Save the file as pop.html and double-click to run.
Scrolling Text
Scrolling Images
Mouse-Over Button
Alert Script
Source: ...