Estudio de botones
CÓDIGO PARA CREAR UN BOTÓN
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Página con Botón</title>
</head>
<body>
<h1>Hola, mundo!</h1>
<button>Hola</button>
</body>
</html>
<!DOCTYPE html>: Esta línea define la versión del estándar HTML que el documento sigue. En este caso, se utiliza la versión HTML5.
<html lang="es">: Aquí comienza el elemento <html>, que envuelve todo el contenido del documento HTML. lang="es" indica que el idioma del contenido de la página es español ("es" es el código de idioma ISO para español).
<head>: Dentro de este elemento se colocan metaetiquetas y enlaces a recursos externos, como archivos CSS o scripts JavaScript. En este caso, se especifica el conjunto de caracteres (<meta charset="UTF-8">) y la configuración de la vista del dispositivo (<meta name="viewport" content="width=device-width, initial-scale=1.0">).
<title>: Esta etiqueta establece el título de la página que se muestra en la barra de título del navegador. En este ejemplo, el título es "Página con Botón".
<body>: Todo el contenido visible de la página se coloca dentro del elemento <body>. En este caso, hay un encabezado (<h1>) que dice "Hola, mundo!" y un botón (<button>) que dice "Hola". Puedes agregar más contenido HTML dentro de este elemento para que aparezca en la página web.
El botón se crea con la etiqueta <button>. El texto dentro del botón es simplemente "Hola". Cuando este código se carga en un navegador web y se muestra, verás un encabezado grande que dice "Hola, mundo!" y un botón con el texto "Hola".
Comentarios
Publicar un comentario