Formato básico de HTML

¿Cómo realizar el formato de textos que se colocan en una página web?


Aprende a utilizar tus primeras etiquetas HTML y atributos para definir los contenidos de la página y aplicar un formato básico.


Formato de párrafos en HTML
Cómo colocar párrafos y saltos de línea en páginas web. También vemos los encabezados como párrafos que sirven de título.


Definición de párrafos: P
La marca <P> sirve para separar párrafos en HTML. Además de introducir un retorno de carro, fuerza un segundo retorno de carro para dejar una línea en blanco entre un párrafo y el siguiente. De esta manera los párrafos quedan especiados y el texto se vuelve más legible.
En esta marca la etiqueta de fin es opcional.
Por defecto el párrafo de un documento HTML está justificado a la izquierda. Pero podemos modificar la alineación horizontal de un párrafo mediante el atributo ALING de la marca <P>, que puede tomar los valores siguientes:

Si deseásemos introducir un texto alineado a la izquierda escribiríamos:
<p align="left">Texto alineado a la izquierda</p>

Para una justificación al centro:
<p align="center">Texto alineado al centro</p>

Para alinear a la derecha:
<p align="right">Texto alineado a la derecha</p>

Los anteriores párrafos con sus alineaciones se verían más o menos así:

Texto alineado a la izquierda

Texto alineado al centro

Texto alineado a la derecha 


Ruptura de líneas: BR

La marca <BR> introduce un retorno de carro (o salto de línea) en el punto del documento en que es colocada. Es equivalente a un punto y aparte de un texto normal.


Tipos de letra
 
Algunas de las marcas que permiten especificar la tipografía de los caracteres son las siguientes:
 
Negrita
 
Podemos escribir texto en negrita incluyéndolo dentro de las etiquetas B y su cierre (bold). Esta misma tarea es desempeñada por STRONG y su cierre, siendo ambas equivalentes. Nosotros nos inclinamos por las primeras por simple razón de esfuerzo.
Escribiendo un código de este tipo:
<b>Texto en negrita</b>
Obtenemos este resultado:
Texto en negrita

Negrita Itálica
También en este caso existen dos posibilidades, una corta: I y su cierre (italic) y otra un poco más larga: EM y su cierre. En este manual, y en la mayoría de las páginas que veréis por ahí, os encontraréis con la primera forma sin duda más sencilla a escribir y a acordarse. 
He aquí un ejemplo de texto en itálica:
<i>Texto en itálica</i>

Que da el siguiente efecto:
Texto en itálica





No hay comentarios.:

Publicar un comentario