Definición: la etiqueta <body> define el cuerpo del documento. Entre la etiqueta de inicio <body> y la etiqueta de fin </body> se encuentran todas las etiquetas que forman el contenido de la página web.
Ejemplo: <body><article><p>Todas las etiquetas del cuerpo de la página web</p></article></body>
Explicación en este curso: Etiqueta body, Estructura de la página
Definición: la etiqueta <br> crea un salto de línea. Se puede utilizar para separar distintos elementos entre sí, texto, imágenes, tablas, listas, etc. Para separar los párrafos dentro de un texto es mejor usar la etiqueta <p> que lleva implícito un salto de línea. En el siguiente ejemplo se usa para separar los versos de una poesía.
Ejemplo: <p>Volverán las oscuras golondrinas <br> de tu balcón sus nidos a colgar <br> y otra vez con el ala a tus cristales,<br> jugando, llamarán</p>
Resultado:
Volverán las oscuras golondrinas
de tu balcón sus nidos a colgar
y otra vez con el ala a tus cristales,
jugando, llamarán
Definición: la etiqueta <button> crea un botón sobre el que se puede hacer clic. Mediante el atributo type podemos cambiar el comportamiento del botón. En los formularios esta etiqueta permite personalizar el diseño del botón mejor que usando la etiqueta <input type="submit">.
Ejemplo:
<form action="#" method="post" >
<p>Término a buscar: <input type="text" name="nom" /></p>
<p><button><img src="graficos/buscar.png" width="15px"> Buscar</button></p>
</form>
Resultado:
Atributos:
type, valores: submit, envía el formulario, es el valor por defecto; reset, inicializa el formulario; button, no hace nada, debemos asignarle nosotros la función.
formnovalidate se comporta como el atributo novalidate de la etiqueta form.
formenctype, para definir el tipo de encriptación cuando se trata de un botón submit.
Definición: la etiqueta <canvas> permite crear gráficos utilizando programación, normalmente Javascript. Los gráficos se crean de forma dinámica cuando se carga la página.
Ejemplo: En este enlace puedes ver un ejemplo de gráficos utilizando Canvas. Puedes ver el código fuente (Ctrl + U) de la página para ver cómo está hecho.
Cursos Informática Gratuitos Síguenos en: Facebook Sobre aulaClic Política de Cookies
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.