0
<Button> For HTML5
Thanks to the  <button>  tag we can  “define a clickable button” -w3schools Yay! I can finally  click  on this!
A proper use of the  <button>  tag would look like this: <ul><li><button type=&quot;button&quot;>Click Me!</button> </li><...
Additional Information If you wish to add additional information to the element you can add  attribute s . Attribute Examp...
Inside the  <button>  element you can create both text and images that are clickable Here are a few examples..
This  might  look familiar
And guess what! All the major browsers support  <button>
The endless possibilities  <ul><li>With text and images to click on, we can basically be taken anywhere.  </li></ul><ul><l...
So what have we learned? <ul><li>“ The  <button>  tag defines clickable buttons” </li></ul><ul><li><button type=&quot;butt...
So be sure to use the  <button> Because without it,  your site’s not going anywhere..
Upcoming SlideShare
Loading in...5
×

Button

292

Published on

Presentation on the <button> tag.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
292
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Button"

  1. 1. <Button> For HTML5
  2. 2. Thanks to the <button> tag we can “define a clickable button” -w3schools Yay! I can finally click on this!
  3. 3. A proper use of the <button> tag would look like this: <ul><li><button type=&quot;button&quot;>Click Me!</button> </li></ul>
  4. 4. Additional Information If you wish to add additional information to the element you can add attribute s . Attribute Examples: -Disabled -Value -Formmethod -Type -Name -Autofocus Example: <button type=“button” disabled=“disabled”>Click Me!</button>
  5. 5. Inside the <button> element you can create both text and images that are clickable Here are a few examples..
  6. 6. This might look familiar
  7. 7. And guess what! All the major browsers support <button>
  8. 8. The endless possibilities <ul><li>With text and images to click on, we can basically be taken anywhere. </li></ul><ul><li>With the ability to click comes the ability to gather more information. </li></ul>
  9. 9. So what have we learned? <ul><li>“ The <button> tag defines clickable buttons” </li></ul><ul><li><button type=&quot;button&quot;>Click Me!</button> </li></ul><ul><li>Both text and images can be made clickable </li></ul><ul><li>All major browsers support the <button> tag </li></ul><ul><li><button> allows us to move around within websites </li></ul>
  10. 10. So be sure to use the <button> Because without it, your site’s not going anywhere..
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×