PROGRAMACIÓN EN HTML

  PROGRAMACIÓN EN HTML(estructuras, estilos y párrafos).

By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y

OSCAR GAEL GÓMEZ DÍAZ. 

11/03/24

 APERTURA:

En este artículo se tocará el tema de la programación en HTML, como se estructura para el correcto funcionamiento y como darle estilos que hagan de la página web, un sitio agradable al usuario. ¡Sigan viendo!

DESARROLLO:

Estructura en html: La estructura básica de un programa de html, comienza con "<!DOCTYPE html>" que nos declara que versión de HTML se usará para programar.

El "<html> </html>" es la parte más fundamental de la estructura, ya que en el se contiene literalmente cada etiqueta, atributo, mensajes y todo lo necesario para el funcionamiento del programa.

El "<head> </head>" nos guarda las referencias de la página como lo es el título.

El "<body> </body>" es una parte fundamental ya que en él está el cuerpo del programa, todo lo que se mostrará al usuario o también las operaciones que fueron requeridas para su funcionamiento del programa.


Estilos en HTML: Los estilos nos proporcionan la capacidad de acumular elementos que al usarlos en los párrafos le da un diseño satisfactorio para la vista y estos elementos se acumulan dentro del "<style></style>" que va justo después del "head" y antes del "body".


Párrafos en html: Los párrafos son los textos que se mostrarán al usuario depende de cómo funcione tu programa, estos se denotan al poner el elemento "<p></p>" y dentro de esto pueden mandar a llamar a los estilos previamente declarados para un mejor párrafo.

EJEMPLO DE CÓDIGO:



RESULTADO DE PROGRAMA:



CONCLUSIÓN:  

Para programar en html pues hemos visto ejemplos y lo sencillo que puede ser hacer un programa didáctico juntando otros lenguajes como Javascript para una mejor experiencia para el usuario.

ADJUNTAMOS VIDEO DE EJECUCIÓN DEL PROGRAMA:



BIBLIOGRAFÍA:

Coppola, M. E. (2023, junio 20). Cuál es la estructura HTML de una página web. Hubspot.es. https://blog.hubspot.es/website/estructura-html

Estilos en HTML. (s/f). Abrirllave.com. Recuperado el 11 de marzo de 2024, de https://www.abrirllave.com/html/estilos.php

p - HTML: Lenguaje de etiquetas de hipertexto. (s/f). MDN Web Docs. Recuperado el 11 de marzo de 2024, de https://developer.mozilla.org/es/docs/Web/HTML/Element/p

(S/f-b). Ytimg.com. Recuperado el 11 de marzo de 2024, de https://i.ytimg.com/vi/Wt9UvSBBxOc/maxresdefault.jpg











Comentarios

Entradas más populares de este blog

CONDICIONALES EN PHP

CICLOS EN PHP :)