Profesor Frink

Seguimos haciendo una primera aproximación de los elementos que podemos encontrar en una pagina web, En el artículo anterior terminamos de ver los denominados marcadores de párrafo y en este artículo empezaremos aproximándonos a los llamados elementos de línea o también marcadores para carácter, Se trata del nivel más en detalle de marcador que podemos utilizar en HTML ya que puede llegar a ser a nivel de un único carácter individual.

A partir de este articulo lo que intentaremos hacer es ver lo básico del formateo dentro de una línea, En la imagen podemos apreciar las etiquetas que podríamos utilizar para lograr los diferentes tipos de formateo dentro de una línea.

Terminamos esta aproximación a las que podemos denominar etiquetas de formateo de bloques viendo la etiqueta <div>, Las divisiones que son un formateo de bloque de alto nivel, Usualmente reservados para grupos de párrafos relacionados entre si, Paginas enteras,  aunque a veces también podamos usarlos para un único párrafo.

Esta etiqueta nos provee con una solución simple para poder formatear secciones largas de un documento, por ejemplo imagine que necesita una sección particular de un documento rodeada por un borde, Primero puede definir un estilo apropiado con la etiqueta <style> y dentro definiendo los atributos del borde con sus características que vemos dentro de las llaves en la imagen y luego aplicando la etiqueta <div> precedida de “class” (ya que como vimos anteriormente esto es una clase) antes de que comience el párrafo con la etiqueta <p> y cerrando luego la etiqueta </div>, Antes de la etiqueta de cierre del párrafo elegido.

Podemos ver efectivamente en el ejemplo que tenemos 2 párrafos, Uno con las características por defecto del navegador y otro que va aparecer rodeado por un borde del estilo aplicado.