Estructura de un programa htms, estilos, párrafos y tipos

 Estructura de un programa html, estilos, párrafos y tipos.

En HTML tenemos varias formas de estructurar y personalizar nuestra página, todo eso es a nuestro gusto. En esta presentación enseñaremos ejemplos prácticos de su implementación en un código.
  •  Estructura de un programa html:
1.- Estructura de un programa html
Para crear un programa html es de suma importancia abrir el código con la etiqueta
<html> <\html>
Que sirve para indicar el inicio y el final de la página.


<head> </head>
Sirve para poner el texto de la pestaña


<body> <\body>
El cuerpo dónde se encuentra todo el código que se planea.

Daremos un ejemplo de un programa que se ejecuta en el <body>, el programa calcula el área y el perímetro de un cuadrado:

El programa cuenta con una estructura secuencial, algo bastante fácil y sencillo.
  •  Estilos y tipos:
Podemos ver 3 tipos de estilos:
  • Estilo en línea (Inline): utilizando el atributo style.
  • Estilo interno (Internal): usando un elemento "style".
  • Estilo externo (External): usando un archivo CSS que es externo al documento HTML.
A continuación un ejemplo de las funciones de la función Estilo:


En el ejemplo vemos lo practico que es la función "style" a la hora de querer personalizar nuestro código, todo eso para darle más calor a los párrafos y darle un fondo colorido al programa. 

  • Párrafos y tipos:
En HTML podemos cambiar las propiedades de los párrafos con ciertos comandos, como <b>, <i>, <p>, etc. Estos modifican su tamaño, anchura y algunos los subrayan. Básicamente el formato de texto. Daré un ejemplo donde se implementan:


En este ejemplo se miran un par de tipos, <b>, <i>, <br> que es un salto de linea y <p3> que es una función creada en la parte de style.

Con todo esto visto, ahora dejaré un vídeo de ejemplo:



Recursivos. (2021, July 19). HTML: Estructura. Recursivos. https://recursivos.com/html/estructura/
Estructura HTML básica de una página web (HTML básico). (2017, January 24). Haz una web. https://www.hazunaweb.com/curso-de-html/estructura-basica-una-pagina-web/

Comentarios

Publicar un comentario

Entradas populares de este blog

Clase array en JavaScript

Imagen
¿Qué es la clase Array? Los arrays en JavaScript son objetos similares a listas que proporcionan métodos para realizar operaciones de recorrido y modificación. La longitud y el tipo de elementos en un array pueden variar. Debido a que la longitud de un array puede cambiar en cualquier momento y los datos pueden almacenarse en ubicaciones no contiguas, no se garantiza que los arrays en JavaScript sean densos; esto depende de cómo el programador elija utilizarlos. Aunque estas características suelen ser convenientes, si no son adecuadas para un caso particular, se podría considerar el uso de arrays tipados. ejemplo de creación: Primero tendremos que declarar la variable como array, el valor que está dentro de los paréntesis, va a definir la cantidad de espacios en el array, que empieza desde el cero (0, 1, 2, 3, 4, ...), dando un total de cinco espacios en el array del ejemplo. Ejemplo para asignar valores a los espacios en el array: Para asignar un valor a un array, necesitamos seleccio...
Leer más