How to create buttons in HTML

I make buttons (home, about us, academics, affiliation, Campuses, FAQ's,) for my website in Photoshop please anyone tell me how i set up these buttons. when anyone click on home the page goes on home page. and similarly other buttons also work. I am so thanks full for my help.

 

i think this is for adds or banners of publicity. I want help for buttons. the 7 - 8 buttons in a line on the top of website. when anyone click on home button the link goes to home page. i design the buttons like (home, about us, academics, affiliation, FAQ's etc ).

 

I would recommend that research on Youtube there are a lot of lessons

 

You use lists for that purpose and display them inline!

HTML:

<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Academics</a></li>
<li><a href="#">Affiliation</a></li>
</ul>

Code (markup):

If you have images for navigation menu, then replace text within <a> tags to an image tag

<ul>
<li><a href="#"><img src="images/home.png" alt=""/></a></li>
</ul>

Code (markup):

CSS:

ul li {list-style: none; display: inline}

Code (markup):

 

The example dareknygt gave is correct. You can have a ul list hosting your image link. Then use the display: inline to get the list show up one next to another instead of one on top of another.

Check out http://css.maxdesign.com.au/listutorial/horizontal_master.htm to read more.
As you can see, the text menu is listed horizontally.
So instead of having text in <li>, you replace it with your <img src=""> so that your images show up.

 

Go to w3schools.com for HTML and CSS tutorial, or search on YouTube or Google.

 

just give them hyperlinks

 

There are two basic ways of creating an HTML button; with the <button> tag, and with the <input> tag....
This page provides codes for both the methods-
http://www.quackit.com/html/codes/html_button.cfm
Just visit it ..

 

You don't want to download some free templates and on it to try make some changes? Look at how it woks and will try to do it on your website.
Good luck!

 

They can also use an image map, but that type of code seems to be a bit more prehistoric these days.

 

nice share.

 

Also, you can HTML code for Button.

<input name="Submit" type="submit" value="Submit">

This code for display a Button.

 

You can create a button by using this code:
<button type="button">Click here!</button>

 

IM me and I show ya how

 

I think you did not mean the buttons but navigation. For navigation list tags are used with links to other pages. Some people before have mentioned how to write code for this. Also css styles this navigation with appropriate code.

Buttons are rather used for form tags and some other people also have mention about it.

 

I think downloading web templates is the best solution for your problem. You can download a template of your choice with all things or buttons that you want in your site. There are so much varieties of templates on internet..You can also take advantage of my site that provides large range of free css templates &amp; html templates for various categories. Just download and edit template...

 

If you know photoshop then make buttons in it otherwise use button factory named software which have many beautifull premade buttons and now after making buttons open dreamweaver and import buttons there and use some css and walla all is done.