A Basic Button pt-br Explainer

Explicação de Um botão básico

Objetivo deste desafio: Criar um botão usando a tag HTML <button>.

Passo a passo da solução: O código inicial HTML tem 3 elementos dentro do <body>: um <img>, depois um <button>, depois outro <img>. O objetivo desta lição é criar outro botão embaixo da 2ª imagem.

Na guia HTML, adicione um novo conjunto de tags no final do <body>. Será necessária uma tag inicial e final que diga <button> e </button>. Entre essas 2 tags, é possível adicionar o texto que aparecerá no botão. Por exemplo, <button>Click Right Here</button>

Solução do código de exemplo:

(Toque abaixo para revelar)
HTML

<html>
    <body>
        <img src='../../static/images/playingFetch.gif' alt='dog playing fetch'>
        <button>click here!</button> 
        <img src='../../static/images/llama.jpg' alt='picture of a llama'>
        <button>click here!</button>
    </body>
</html>
CSS
body {
  background-color: rgb(255, 250, 250);
}

img {
  width: 175px;
  height: auto;
}

Conceitos de HTML: Elemento HTML, <html>, <body>, <button>