Button

442 views

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
442
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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..

×