Input elements are just like any other elements - they are tags. Here, I've made a button, right in the middle of my paragraph. Button It probably looks silly in the middle of a paragraph.

There are multiple ways to make buttons, but using the <button> tag is preferred. See the button documentation.

Just like anything else in HTML, you can style buttons to make them look any way you like. If you don't do anything, they may be ugly. Plain Red Blue Of course, if you do something, it might still be ugly. There are lots of style sheets around the web that make nice looking buttons. See this page for ideas.

Like other HTML elements, buttons can have classes and IDs. The latter will be really important for finding particular buttons when we start programming. Here are a few buttons with their appearance styled with CSS that is in the css at the top of the file:

Look at the CSS and HTML for those buttons and understand why they look and behave the ways that they do. Experiment with changing the CSS to make them look different.