Yummysheep tutorial

Back to the catalog

Last Update : 2023/3/26

Chatper 3 - Button and Link

1. Button

The button tag creates a clickable button in HTML5. Here is an example

See the Pen <a href="https://codepen.io/jerry666320/pen/Exerovp"> Untitled</a> by yummysheep (<a href="https://codepen.io/jerry666320">@jerry666320</a>) on <a href="https://codepen.io">CodePen</a>.

By using onclick(), something will happen when the button was clicked:

See the Pen <a href="https://codepen.io/jerry666320/pen/poOGpWr"> example of a onclick() button</a> by yummysheep (<a href="https://codepen.io/jerry666320">@jerry666320</a>) on <a href="https://codepen.io">CodePen</a>.

You can also use a button to make the web redirect to the another websites or open a new tab:

See the Pen <a href="https://codepen.io/jerry666320/pen/WNgPdzj"> example of a onclick() link button</a> by yummysheep (<a href="https://codepen.io/jerry666320">@jerry666320</a>) on <a href="https://codepen.io">CodePen</a>.

Yummysheep Tutorial