Creating a mouse-over prompt with HTML

Is there some sort of text on your web page that you really want the user to read, but think it may be getting overlooked? One way to make sure the user reads your text is to use simple HTML code to create a “prompt”. A prompt is essentially a pop-up box that requires the user to click “ok” or “cancel” to return to viewing the web page. Some uses for a prompt could be a simple welcome message to the site, a warning about the content of the site, or a caption. This blog post will show you the simple code that can be used to create a prompt on your website whenever a user mouses over an image or link.

This is the code to use for creating a prompt when the user mouses over an image. Inside the hyperlink code (the A HREF code) replace the text between the apostrophes with whatever you’d like the prompt to say. In this case, I use: “You can place a caption for a photo here! Or give credit to the artist, etc.”

Now whenever the user mouses over the image, they receive a prompt like this:

You can use the next code in order to create a prompt when the website user mouses over a link.

Just like creating the previous mouseover prompt, change the value between the apostrophes to whatever you’d like the prompt to say. The text between the “<A HREF=’’’>” and “</A>” brackets should be the text that creates the prompt when moused over. Here’s what it will look like:

The prompt will come up when the user puts their mouse over the linked text.

That’s call! Credit to http://www.computerhope.com/cooltrik.htm for teaching me this.

Advertisements

About pec35

University of Pittsburgh Class of 2013 I hood a lot and I nerd some. Hood's where the heart is, nerd's where the words from.
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s