4.12. Introducción a HTML: estructura básica, etiquetas y atributos: Etiquetas de botones
Página 16 | Escuchar en audio
Introducción a HTML: Estructura básica, etiquetas y atributos: etiquetas de botones
HTML, que significa lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web. Es un lenguaje que permite estructurar contenidos en la web de forma semántica. Es a través de HTML que podemos definir si el contenido es un párrafo, un encabezado, un enlace, una lista, una imagen, entre otros.
Estructura básica de HTML
Un documento HTML tiene una estructura básica que incluye etiquetas como <!DOCTYPE html>, <html>, <head> y <!DOCTYPE html> le indica al navegador que se trata de un documento HTML5. La etiqueta <html> es la raíz del documento y contiene todas las demás etiquetas. Dentro de ella tenemos la etiqueta <head>, que contiene metadatos e información que no se muestra al usuario, y la etiqueta <body>, que contiene el contenido. de la página, es decir, todo lo que se muestra al usuario.
Etiquetas y Atributos
Las etiquetas son los elementos HTML que marcan y definen la estructura del contenido. Se componen de un nombre y se sitúan entre corchetes angulares y corchetes angulares. Por ejemplo, la etiqueta <p> define un párrafo. Además, las etiquetas tienen atributos, que son información adicional que modifica o complementa el comportamiento de la etiqueta. Por ejemplo, la etiqueta <a>, que define un enlace, puede tener el atributo href, que especifica la dirección del enlace.
Etiqueta de botón
La etiqueta <button> se utiliza para crear un botón en el que se puede hacer clic. Puede contener texto, imágenes o cualquier otro contenido HTML. Se puede utilizar un botón en formularios o en cualquier lugar de un documento que requiera la funcionalidad de un botón interactivo. Vea un ejemplo del uso de la etiqueta <button>:
<tipo de botón="botón">Haga clic aquí</button>
En este ejemplo, la etiqueta <button> define un botón con el texto "Haga clic aquí". El atributo type especifica que se trata de un botón en el que se puede hacer clic, pero que no tiene una acción asociada de forma predeterminada.
Es importante tener en cuenta que la etiqueta <button> siempre debe cerrarse con la etiqueta </button>. Además, puede tener varios atributos, como disabled, que desactiva el botón, form, que asocia el botón a un formulario, y value. , que define un valor para el botón.
Además, la etiqueta <button> se puede utilizar junto con JavaScript para crear una funcionalidad interactiva. Por ejemplo, podemos usar el evento onclick para ejecutar una función de JavaScript cuando se hace clic en el botón.
Conclusión
La etiqueta <button> es una poderosa herramienta para crear interactividad en una página web. Ya sea enviando un formulario, abriendo un nuevo enlace o ejecutando una función de JavaScript, la etiqueta <button> es una parte esencial de HTML. Aprender a usarlo correctamente es un paso importante para convertirse en un desarrollador front-end competente.
<pre> y <code> no se mostraría como texto, sino como código HTML. Para mostrar código HTML como texto en un documento HTML real, necesitará usar entidades HTML como < para <, > para > y Ahora responde el ejercicio sobre el contenido:
_¿Cuál es el propósito de la etiqueta <button> en HTML?
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
Siguiente página del libro electrónico gratuito:
17Introducción a HTML: estructura básica, etiquetas y atributos: Tablas en HTML
5 minutos
¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!
