PARRAFOS

   PÁRRAFOS EN HTML

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

OSCAR GAEL GÓMEZ DÍAZ. 

20/03/24



 APERTURA:

En este artículo se tocará el tema acerca de los párrafos en HTML, con esto nos referimos a el diseño de párrafos en una página web, es decir, como hacerla mas llamativa a base de colores de fondo, de letras, de fondo de texto, etc.

DESARROLLO:

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>.

Un ejemplo de estos elementos sería el elemento 'body{}' en el cual se le otorgran un fondo a nuestra página web.

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.

Elementos: Aparte de los elementos que se generan en el <style> existen elementos que se puede usar directamente en el texto que queramos algunos ejemplos de estos elementos son:  <h1> el cual hace la letra negrita y mas grande, <strong> el cual solo hace la letra negrita, <em> el cual le da a la letra el estilo "Italic", <mark> el cual marca el texto, <small> el cual hace la letra pequeña, etc.

Estos son algunos de los elementos de texto que existen en el lenguaje de programación en HTML recordando que para poder utilizarlos tenemos que introducir el texto que queremos dentro de el elemento. Es decir, si por ejemplo:   <strong>ola</strong>.

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

Publicar un comentario

Entradas más populares de este blog

PROGRAMACIÓN EN HTML

Imagen
   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 most
Leer más

FONDO Y BORDES EN HTML.

Imagen
                                FONDO Y BORDES EN HTML. By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.                                                                                                         24 /06/24 APERTURA: Los fondos y bordes en HTML son herramientas poderosas para definir la estructura visual de tu página web. El fondo de una página o de un elemento específico puede establecer el tono y la atmósfera de la página, mientras que los bordes ayudan a delimitar y separar diferentes secciones de contenido, mejorando la claridad y el orden. DESARROLLO:   1. Fondos: Fondos de página: Puedes definir el fondo de toda la página o de secciones específicas utilizando la propiedad background en CSS. Esto incluye colores sólidos, imágenes de fondo y gradientes. Fondos de elementos: Cada elemento HTML puede tener su propio fondo, permitiéndote destacar áreas importantes como encabezados, secciones de contenido o áreas de navegación. 2. Bordes: Estilo de bordes:
Leer más

CONDICIONALES EN PHP

Imagen
CONDICIONALES EN PHP By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.   29/02/24 Apertura: En este artículo se explicará acerca de como funcionan las condiciones o condicionales en el lenguaje de programación de PHP para así poder emplearlas de forma correcta en nuestro código fuente de nuestra página web. Se abarcará desde el concepto de condición hasta como emplearlas anexando ejemplos.   Desarrollo: Para comenzar:  ¿Qué es una condición o condicional?: Las condiciones es el conjunto de instrucciones que se emplea cuando se pretende que el programa tome un camino en concreto en determinados casos.  Para declarar una condición se usa: if, else, elseif . if : es la parte en donde se declara la condición y que para ello se utiliza los operadores lógicos:                         == Igual  a otra          > =Mayor o igual          >Mayor          !=Distinto                                                               <=Menor o igual          <Menor  
Leer más