A Basic Button es-419 Explainer

Explicador de Un botón básico

Objetivo de este acertijo: Crear un botón con la etiqueta HTML <button>.

Tutorial de la solución: El código de inicio HTML tiene 3 elementos dentro de <body>: an <img>, then a <button>, then another <img>. El objetivo de esta lección es crear otro botón debajo de la segunda imagen.

En la pestaña HTML, agrega un nuevo conjunto de etiquetas en la parte inferior de <body>. Necesitarás una etiqueta de inicio y fin que diga <button> and </button>. Entre esas 2 etiquetas, puedes agregar texto que aparecerá en el botón. Por ejemplo, <button>Click Right Here</button>.

Solución del código de ejemplo:
(Pulsa a continuación 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;
}

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

1 Like