Button
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
398
On Slideshare
398
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. <Button> For HTML5
  • 2. Thanks to the <button> tag we can “define a clickable button” -w3schools Yay! I can finally click on this!
  • 3. A proper use of the <button> tag would look like this:
    • <button type=&quot;button&quot;>Click Me!</button>
  • 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. Inside the <button> element you can create both text and images that are clickable Here are a few examples..
  • 6. This might look familiar
  • 7. And guess what! All the major browsers support <button>
  • 8. The endless possibilities
    • With text and images to click on, we can basically be taken anywhere.
    • With the ability to click comes the ability to gather more information.
  • 9. So what have we learned?
    • “ The <button> tag defines clickable buttons”
    • <button type=&quot;button&quot;>Click Me!</button>
    • Both text and images can be made clickable
    • All major browsers support the <button> tag
    • <button> allows us to move around within websites
  • 10. So be sure to use the <button> Because without it, your site’s not going anywhere..