Site hosted by Angelfire.com: Build your free website today!

Manual De Html

el texto en html:

El texto es importante para el html ya que nos permite escribir la informacíon que deseamos pero tambien necesitamos darle importancia a algunas frases en particular ,tener una buena alineacion y muchas cosas mas, en este capitulo observaremos las etiquetas del texto, que hacen que lo que escribamos se vea en mejor presentación

<p>etiqueta de parrafo

es una etiqueta que se utiliza para escribir los parrafos , esta etiqueta deja un espacio en blanco y deja que escribamos lo que deseamos al finalizar el parrafo debemos escribir la etiqueta de cierre </p>. asi como tambie existe una etiqueta que tambien se puede usar , <br> llamado salto de pagina.

Alineacion del texto:Si queremos alinear un texto hacia la izquierda colocaremos el sufguiente codigo.

<p align=left>texto a escribir </p>

así se vera :

texto a escribir

Si deseamos centrar el texto escribamos el siguiente codigo

<p align=center>texto a escribir </p>

asi se vera

texto a escribir

alineamiento a la derecha. el siguiente codigo se usa para alinear a la derecha

<p align=right>texto a escribir </p>

asi se vera:

texto a escribir

existe tambien otro metodo para alinear generalmente es el más utilizado

<p><left> alineacion a la izquierda </left>

<center> alineacion al centro </center>

<right> alineacion a la derecha<right>

asi se vera

izquierda

centro

derecha

encabezados:

Existen otras etiquetas para definir párrafos especiales, formateados como títulos. Son los encabezados o Header en inglés. Como decimos, son etiquetas que formatean el texto como un titular, para lo cual asignan un tamaño mayor de letra y colocan el texto en negrita.

Hay varios tipos de encabezados, que se diferencian en el tamaño de la letra que utilizan. La etiqueta en concreto es la <h1>, para los encabezados más grandes, <h2> para los de segundo nivel y así hasta <h6> que es el encabezado más pequeño.
<h1> titulo del documento </h1>
<h2> subtitulo del documento<h2>
<h3>texto de tamaño normal </h3>
<h4>texto pequeña </h4>
<h5>texto mas pequeña </h5>
<h6>texto super pequeña<</h6>
esto se vera asi
titulo del documento subtitulo del documento

texto normal

texto pequeño

texto mas pequeño
texto super pequeño

formato de texto

<B>TEXTO EN NEGRILLA: <b>
Podemos escribir texto en negrita incluyéndolo dentro de las etiquetas <b> y </b> (bold). Esta misma tarea es desempeñada por <strong> y </strong> siendo ambas equivalentes. Nosotros nos inclinamos por la primeras por simple razon de esfuerzo.
<b>Texto en negrita</b>
Obtenemos este resultado:
Texto en negrita

<i>TEXTO EN ITÁLICA </I>

También en este caso existen dos posibilidades, una corta: <i> e </i> (italic) y otra un poco más larga: <em> y </em>. En este manual, y en la mayoría de las páginas que ves por ahí, te encontraras 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

<U>TEXTO SUBRAYADO: </U>

El HTML nos propone también para el subrayado el par de etiquetas: <u> y </u> (underlined). Sin embargo, el uso de subrayados ha de ser aplicado con mucha precaución dado que los enlaces hipertexto van, a no ser que se indique lo contrario, subrayados con lo que podemos confundir al lector y apartarlo del verdadero interés de nuestro texto.

ejmplo de subrayado:
<u>texto subrayado</u>
así se vera:
texto subrayado

SUPERINDICE Y SUBINDICE:

Este tipo de formato resulta de extremada utilidad para textos científicos. Las etiquetas empleadas son: <sup>superindice </sup>
<sub>subindice </sub>
ejemplo:
<p> (X)<SUP>Y </sup></p>
<p>H<sub>2</sub>;0 asi se vera:

(X)Y

H2O

<s>tachado</s> esta etiqueta se usa para tachar una palabra que queramos darle importancia
este tipo de texto no se usa mucho pro es de utilidad para el que lo decida utilizar el ejemplo es el siguiente:
<p><s>texto tachado</s></p>

así se vera:
texto tachado
<PRE> TEXTO PREFORMATEADO </PRE>

Esta etiqueta se usa cuando deseamos evitarnos a cada rato escribir <p> o si queremos dejar espacios en banco sin escribir &NBSP;esta etiqueta agarrara el formato que le demos en nuestro teclado , como lo siguiente:
<pre>

1    2     3    4    5 </pre>
    6    7    8    9
</pre> tambien se utiliza cuando queremenos separar palabras o texto asi como lo veremos
<html>
<head>
<title>texto preformateado </htitle>
</head>
<body bgcolor=blue>
<p>texto numero 1</p>
<pre>





</pre>texto numero 2 </body> </html>
esto s vera así ejemplo de texto preformateado

ya que leimos todas las propiedades de texto en html ahora dediquemosnos a repasar y a practicar con los siguientes ejemplos este ejemplo es de texto y alineacion:
<html>
  <head>
    <title>texto y alineacion </title>
  </head>
  <body bgcolor=white text=green>
   <p>este es nustro parrafo escrito <br> 
            vean como escribo y escribo , que 
             emocionante</p>

<p align=left>esto esta alineado a la derecha</p>

<p align=center> esto esta centrado </p>

<p align=right>esto esta a la derecha </p>

</body> </html>
Asi se vera :ejemplo de parrafo y alineación

Ahora realizemos un ejemplo sencillos de encabezados:

<html>
  <head>
    <title>encabezados</title>
  </head>
  <body bgcolor=white text=navy>
   <center> <h1>titulo centrado</h1></center>
   <h2>esto es un subtitulo </h2>
   <h3>este es un texto normal escrito con h3 </h3>
   <h4>este texto es pequeño</h4>
   <h5>este es mas pequeño <h5>
   <h6>usen una lupa jajajaja</h6>
   </body>
</html>
asi se verá el ejemplo ejemplo de encabezados

Este ejemplo es de formatos de texto:
<html>
  <head>
    <title>formatos de texto</title>
  </head>
  <body bgcolor=pink text=blue>
    <p><b>texto en negrita</b></p>
    <p><i>texto en italica</i></p>
    <p><u>texto subrayado<u></p>
    <p><s>texto tachado</s></p>
    <p>20*10<sup>5</sup>superindice</p>
    <p>h<sub>2</sub>so<sub>4</sub></p>
    <p><b><i>texto en negrita italica</i></b><p>
  </body>
</html>
así se verá formatos de texto

atras siguiente indice