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


No hay comentarios:

Publicar un comentario