Aplicar las etiquetas HTML


Continuando el módulo tres del curso HTML miraremos cómo usar algunas etiquetas respecto a la estructura, en el módulo pasado se vio la estructura en general y una gran variedad de etiquetas HTML, se inicia entonces con la apertura de un documento html, recordando que la estructura general va:

<html>
         <head>
                <title>Titulo</title>
         </head>

<body>

..........

</body>
</html>

Teniendo en cuenta esto, por ejemplo usar la etiqueta <br> esta etiqueta es para espaciado entre párrafos por ejemplo:


Cómo se logra ver en la imagen anterior usamos dicha etiqueta HTML su función es darnos de baja para un texto en una línea se ve que está BLoggin y debajo RED.

Veamos ahora la etiqueta <p>; esta etiqueta cumple una función parecida a la anterior, pero, dará una separación de línea como si fuera un párrafo, veamos:


Veamos otra etiqueta será <center>; esta etiqueta cumple la sencilla función de centrar el contenido que tengamos para esta es necesario cerrarlo con </center> se cierra hasta el final de lo que queremos que quede centrado en este caso quedaría:


Lo que queríamos a quedado centrado, aclaro que se puede centrar imágenes, texto, vídeos etc. todo es cuestión de ir manejando el Lenguaje adecuadamente...

Ahora usaremos la etiqueta de negrita para texto se compone con <b> y cierra con </b> luego veamos como quedaría nuestro texto:

Podemos mezclar las etiquetas en su debido orden de partida con ese mismo cerramos las mismas; supongamos que el texto quedará en negrita con un salto de párrafo y centrado para ello quedaría así: 

Analizando el código vemos que: primero abrimos la de centrar luego la de negrita, después una parte del texto, más la de salto de párrafo ahora vamos de regreso nuevamente texto, luego la de negrita pero cerrada y por último la de centrar pero cerrada si lo vemos de arriba a abajo ó abajo a arriba el orden será el mismo, así debe ser siempre, pero recordemos que no todas las etiquetas obligatoriamente deben cerrarse hay algunas que no.

Muy bien esto ha sido todo para este módulo espero les guste, si tienen dudas pueden comentar.


Siguiente módulo.- Módulo 4 " Personalizar texto, imágenes, colores en HTML"


0 comentarios:

Publicar un comentario

ESTAMOS EN: