What is the html code when placing multiple links on a single image?

Sunday, February 14th, 2010

What is the html code when placing multiple links on a single image? For example… the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link?

To place multiple links on a single image you need an image map. You associate the image map with the image by giving the image map a name and referring to this name with you IMG tag’s USEMAP attribute. Within your map you will need one area element (tag) for each link.

Here is a simple example:

<img src="tree.jpg" alt="tree" usemap="leaves" width="100" height="150">
<map name="leaves">
<area coords="25,0,74,49" alt="Leaf 1" href="leaf-1.html" title="Leaf 1">
<area coords="0,50,49,99" alt="Leaf 2" href="leaf-2.html" title="Leaf 2">
<area coords="50,50,99,99" alt="Leaf 3" href="leaf-3.html" title="Leaf 3">
</map>

To aid the process of creating your map, there are lots of free image mapping sites. The one that I use is http://www.image-maps.com/

For more information, and an example, see http://www.html-tags-guide.com/html-map-tag.html

Technorati Tags: , , , , , , , , , , , , , , , , , ,

How do you get the HTML code to post on my myspace account?

Wednesday, January 27th, 2010

I look pictures up on the net, but can’t get them to become my background on my myspace. A girl helped walk me through it but nothing seems to work. What is the html code, where is it and how do I get it in order to copy and paste it to work. Please help me!
I’ve already tried that and it doesn’t work.

just look for layout ,but if you want to make your own there are some websites that have free code generators you could easly make them yourself
…..oh yea you put the code in "about me" wen you are editing your profile
p.s myspace su*ks

Technorati Tags: , , , , , , , ,

What is the differences between xhtml and html?

Monday, January 25th, 2010

Can anyone provide me with a detailed explanation on this so I can fully understand it?

HTML is based on SGML (Standard Generalized Markup Language) which is a very forgiving markup standard, you can do things like this in HTML:
<ul>
<li>
<li>
<li>
</ul>

or
<B><i><u>Some text</b></i></U>

or
<a href="somepage.htm"><img href=someimg.jpg></a>

or

<span><div>Some Text</div></span>

In short, it is very loose.

One day, the maintainer of the standard (W3C) said: "We have enough of this mess, people are getting more and more creative in writing their markups, let’s stricken up the standard."

So the XHTML standard is born, xhtml is based on XML, which is a stricter subset of SGML. In XHTML, the tags must be written up to a certain requirements, I’ll highlight some of the most important:
- all tags must be properly closed, and in case of tags like img, it must be self closed, i.e.
<ul>
<li></li>
<li></li>
<ul>

<!– proper care must be excercised, XML only require <img/> but some older browser have problems with that so give space before the ‘/’ in a self closing tag –>
<img />

- All attributes must be enclosed in quotes:
<a href="link.htm">Hello this is a valid Xhtml</a>
<a href=link.htm>Go away this is an invalid XHTML</a>

- All tags must be properly nested, tags must be closed in the order they’re opened, e.g.:
<b><i><u>Incorrect XTHML</b></i></u>
<b><i><u>Incorrect XTHML</u></i></b>

Proper nesting also means that a block level tags (p, div, blockquote, etc) can’t be nested inside inline tags (span, a, i, u, b, etc). In short, block can contain block and inline, inline can contain only other inline. It also means that certain tags can only be placed inside another tags, like <li> must be inside <ul> or <ol>

- All tags are case-sensitive, and all XHTML tags are in lower case (<a> is correct, <A> is incorrect)

- Attributes minimization is a no-no:
<tag attr></tag> is WRONG
write it as:
<tag attr="attr"></tag>

- and many others, I don’t remember all of them (as I write XHTML by heart, I’ve never written invalid XHTML, as far as I know)

Why is the need for a change? Mainly because of CSS. CSS requires a tree-like structure to work, or else it is undetermined what browser would do in case of a maligned nesting, they may break, they may give out wrong result, they may give odd result, they may do anything. Some people call a non-XHTML pages as "tag soup" to illustrate the mess.

It’s also because it’s (much) easier to create an XML parser rather than trying to guess what the author want to do. In XML, if you see something not right, you spew errors and point the author to correct it, in SGML, you’ve got to chew those irky tags and produce a result (whatever it is) because it’s in the standard.

Technorati Tags: , , , , , , , , , , , , , , , , , , ,

How to add a Html code to PowerPoint 2007?

Friday, January 22nd, 2010

How do you add a html code to powerpoint? I actually want it to show the image but it doesn’t.

Any Help?

why would you add html code to powerpoint ?? that doesn’t make sence?

the html code to add an image to a webpage is …
<img src="(web page or location of image)" />

so an example would be …
<img src="http://image.gsfc.nasa.gov/image/image_launch_a5.jpg" />

but you dont add html to a powerpoint you select insert from the top bar and picture ?!?!?!
to add a link to a html you just copy the link from the webbrowser and then click at the end of the link with the mouse and hit enter
this will turn the link blue and you can then press ctrl and left click on the link to open it?!?!

im puzzled :) lol

Technorati Tags: , , , , , , , , , , , , , ,

What is the easiest way to remember HTML code?

Friday, January 22nd, 2010

Need to know the fastest, most efficient way to learn html code and the best way to fully retain what I have learned.

Unless you are talking about a test in school, the best thing to do is make yourself a "cheat sheet" in a simple text program and save it to disk or flash drive. Include all the things you would usually do and maybe a few java scripts too. Then all you have to do is copy, and paste keying in the variations and options.

I would hate to have to key in every character needed in html. I’ll cut, copy, and paste whenever possible.

Technorati Tags: , , , , , , , , , ,

How to inserrt the to uppercase command in HTML forms?

Friday, January 22nd, 2010

How to insert the to uppercase command in html forms. In html forms when we enter the username it has to change in caps. Your answer will be appreciated.

add

onblur="javascript:this.value
=this.value.toUpperCase();"

make sure its all on one line just yahoo cuts it off
into the html form e.g.
if your form is
<input type="text" name="username" />
Change it to
<input type="text" name="username" onblur="javascript:this.value=this.value.toUpperCase();" />

Technorati Tags: , , , , , , ,

How do you slice a html area with a transparent background?

Thursday, January 21st, 2010

I’ve created a webpage layout in adobe illustrator. I’ve sliced it up and am using the "save for web" to get an html document.
Some of the slices are set to html. The problem is the html slices have white backgrounds.
Is there any way to get these html slices to show the image layout like the other slices?

Edit your html Code on Textpad or something. The thing is, anout 80 percent of the time, people mess up the code and just make sure you typed it right. To change the color, just do { <bg color=" The Color Code here inside the Quotations">}
NOTE: Dont Type in the Flower Bracket

Technorati Tags: , , , , , , , , , , , , ,

How can you make an html link that executes a javascript injection?

Thursday, January 21st, 2010

If it’s possible?

You use the "<a href=…" tag in html to link to a website.
You can type into the url bar something like "javascript:alert(’Hello!’);" to do a javascript injection.

How would you make a link in a web page that when you click on it, it does the javascript command?
Effectively <a href="javascript…">, except that obviously doesn’t work.

Thanks!

<a href="javascript:void(0)" onClick="Javascript:alert( ‘Hello!’ );">Text</a>

Technorati Tags: , , , , , , , , , , , ,

What is the HTML Code for changing a button’s color on a mouseover?

Wednesday, January 20th, 2010

All I need is the html code for making a simple thing like a rectangle change color when a user’s mouse hovers over it! Please be clear as to where in the code I must supply information to customize the button’s color, or anything else.

Technically, you don’t do this with html, but with CSS, and there’s more than one way to do it with CSS, but it’s possible that one or more of those techniques won’t work on all browsers. The simplest and cleanest way is probably with the "hover" pseudo-class, which the first link describes. Browser support for pseudo-classes is somewhat new, however (doesn’t work on IE6). The second link describes how to use the "mouseover" and "mouseout" events to change the background color.

Technorati Tags: , , , , , , , , , , ,

How to create an html form to send registered user’s details to their own email?

Tuesday, January 5th, 2010

I would like to create an html from so that existing users are sent their details such as passwords or profile details or personalized links to their emails. I know how to do the form all I need is the php code if someone could help. I would like to use a flat file to store their details (my personal choice.) Can someone help me please? Thank you.

Use a server-side script language if your web site allows it. Otherwise, you will have to use a client-side dependent "mailto:" action to get the form info sent to you.

Your current hosting package MUST allow SMTP ( http://en.wikipedia.org/wiki/Simple_Mail_Transfer_Protocol ) to work. Otherwise, no email can be sent.

Use any of the below sites to make the workable form you need:

For making forms:

These are really good online form makers. Just follow the instructions for making it and uploading file(s).

http://www.phpform.org/ (Best-est)
http://www.tele-pro.co.uk/scripts/contact_form/
http://jotform.com/ (WYSIWYG Form Maker)
http://www.thesitewizard.com/wizards/feedbackform.shtml
http://www.thepcmanwebsite.com/form_mail.shtml

Technorati Tags: , , , , , , , , , , , , , , , , , , ,