ULTIMOS PASOS:
En esta lección, veremos como colocar el texto de la página y como editar las direcciones que presentará en su página web, a continuación abra la página Formato1.htm en su editor de texto y ubique la siguiente línea:
< p font color="#000000">TEXTO EN LA PAGINA EN ESTE SITIO</font> </p>
Básicamente entre estas etiques colocaremos los párrafos de texto, específicamente donde dice TEXTO DE LA PAGINA EN ESTE SITIO. Podemos aplicar los mismos atributos que se explicaron en el ejercicio anterior para el título y hay unas consideraciónes extra para separar los párafos:
-
Para forzar el salto de línea colocaremos una etiqueta <br>
Ejemplo:
<p font color="#000000">Este será un texto que fluirá continuamente hasta llegar al final de la línea y allí hara el salto a la siguiente</font></p>
Muestra:
Este será un texto que fluirá continuamente hasta llegar al final de la línea y allí hará el salto a la siguiente
Segundo ejemplo:
<font color="#000000">Este será un texto que fluirá continuamente hasta llegar al hasta aqui <br> y luego continuará en la siguiente línea</font>
Muestra 2:
Este será un texto
que fluirá continuamente hasta llegar al hasta aqui
y luego continuará
en la siguiente línea
Esto es muy útil para separar los párrafos de nuestro texto de la manera siguiente:
<p font color="#000000">BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br><br>BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA.</font></p>
Muestra:
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA
-
Para espaciar la sangría de la primera línea, colocaremos " " sin comillas.
Ejemplo:
<p font color="#000000">Texto que arranca desde el princicio de la línea</font></p>
Muestra:
Texto que arranca desde el principio de la línea
Ejemplo con espacios:
<p font color="#000000">
Texto que arranca 8 espacios a la derecha de la pantalla</font></p>
Muestra:
Texto que arranca 8 espacios a la derecha de la pantalla.
Como Hacer Un Enlace A Otra Página
Este es el final de nuestro ejercicio y con esto tendremos terminada nuestra página. En el archivo formato1.htm abierto en nuestro editor de texto ubique las siguientes líneas de texto:
<p align="center"><a
href="http://www.sitio1">comentario del sitio 1</a></p>
<p align="center"><a href="http://www.sitio2">comentario del sitio 2</a></p>
<p align="center"><a href="http://www.sitio3">comentario del sitio 3</a></p>
<p align="center"><a href="http://www.sitio4">comentario del sitio 4</a></p>
<p align="center"><a href="mailto:DIRECCION@TUYA">escríbeme a:</a></p>
Para agregar un enlace a cualquier página de internet, copie la dirección de la misma donde dice "www.sitio1-4". y cambie el "comentario del sitio 1-4" por lo que desee que presente el navegador al visitante. Si desea agregar mas de 4 direcciones copie una línea completa y modifiquela a su gusto.
Ejemplo:
<p align="center"><a href="http://geocities.datacellar.net/pbartolomei/index.htm">La página de tiopepe (buenísima!!!)</a></p>
Muestra:
La página de Tiopepe (buenisima!!!)
En la línea final coloque su dirección de correo elecrónico en donde dice direccion@tuya para que sus visitantes le puedan dejar mensajes.
Espero que el tiempo invertido haciendo estos ejercicios sirva de algo entre todas aquellas personas que necesitaban aprender algo de Html. En una proxima sección explicaré como publicar las páginas, y si esto consigue seguidores, quizás nos adentremos (yo tambien estoy aprendiendo) en otras formas más avanzadas de formatear las páginas. Además si cualquiera desea ayudarme a hacer crecer esta sección BIENVENIDO SEA
Página Principal