Mostrando entradas con la etiqueta 07. Formato Párrafos. Mostrar todas las entradas
Mostrando entradas con la etiqueta 07. Formato Párrafos. Mostrar todas las entradas

martes, 19 de octubre de 2010

Formato de párrafos y textos en HTML

Una de las cosas principales que hacemos para dar formato a nuestro texto es su alineación, entonces si deseamos introducir un texto alineado en alguna dirección  abriríamos nuestro bloc de notas y escribiríamos:
<html>
<head></head>
</body>
<p align="left">Alineando a la izquierda</p>
<p align="center">Alineando al centro</p>
<p align="right">Alineando a la derecha</p>
</body>
</html>
Viéndose así:

De seguro que se han dado cuenta que el atributo align=”left” no es muy necesario usarlo ya que el navegador por defecto usa esa alineación para todos los párrafos.
Nota: todo ejemplo que muestre estará dentro de las etiquetas <body> </body> .. en caso contrario yo lo aclararé =D..
Ahora seguro han d estar pensando: ¿qué hacer cuando el texto es demasiado largo?¿escribir el atributo align para cada párrafo? … Pues eso no será así; cuando el texto es demasiado largo se usa la etiqueta <div> </div>.. entonces el siguiente código:
<p align="left">Parrafo1</p>
<p align="left"> Parrafo3</p>
<p align="left"> Parrafo2</p>


Es equivalente a:
<div align="left">
<p>Parrafo1</p>
<p>Parrafo2</p>
<p>Parrafo3</p>
</div> 

También existen unas etiquetas especiales para resaltar los títulos de nuestros textos en cuanto a su tamaño se refiere, estás etiquetas se les llama encabezados y son de 6 niveles, al decirles que resalta el texto lo hace en cuanto al tamaño.. el código es:
<html>
<head>
<title>Todos los encabezados</title>
</head>
<body>
<h1>Encabezado de nivel 1</h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
</body>
</html>


Subíndices y supraíndices
Para los Subíndices se usará las etiquetas <sub></sub> y para los supraíndices  usaremos <sup></sup> y se utilizarán de la siguiente manera:
O<sup>2-</sup><sub>2</sub> es un Peróxido