Para mantener todo ordenado solo escribire lo que esta adentro de las etiquetas:
<body> </body>
no escribire las etiquetas
<html> </html>
<head> </head>
<title> </title>
Tienes que mantener todas
las etiquetas en tu pagina
<body> </body>
Esta como un poco vacia
Ahora escribe algo bonito.
<body>
Algo bonito
</body>
Algo bonito |
Cada vez que agreges algo a tu pagina tienes que guardarlo con la opcion "Guardar" y despues precionar el boton "Actualizar" de tu web browser de esta manera podras ver como estas progresando en tu pagina.
Nota: hay ocasiones que las paginas no hacen el "Actualizar" correctamente para arreglar esto puedes presionar la tecla "shift" en tu teclado simultaneamente la tecla "Actualizar" de tu web browser" esto casi siempre arregla ese pequeño problema, si el problema sigue, entonces cierra esa ventana completamente y vuelvela abrir, esto lo arreglara del todo, pero si aun el problema continua tienes un error en como has escrito el codigo.
Lo primero que podemos aprender es cambiar el color de las paginas
<body bgcolor="#000000">
algo bonito.
</body>
Algo bonito |
Tambien podemos poner una imagen de fondo.
<body background="gotas.jpg">
</body>
 |
No tienes la imagen?
No te preocupes aqui esta.
Para guardar esta imagen has un click sobre ella con el boton de la derecha de tu raton, te saldra un menu selecciona "guardar imagen como" y guardala en el mismo folder donde esta la pagina que estas creando.
El web browser repite esta imagen muchas veces para llenar la pagina, si tu tuvieras una imagen delgada se veria algo asi:
 |
Aqui esta la imagen
Bueno regresemos a una pagina mas simple..
<body bgcolor="#000000">
algo bonito.
</body>
| algo
bonito |
Podemos hacer las letras y numeros gruesas (bold)
<body
bgcolor="#000000">
algo <b>bonito</b>
</body>
| algo bonito |
Ok ok lo que le estamos diciendo al browser es que puede comenzar hacer las letras gruesas <b> y con esto le decimos que pare de hacer las letras gruesas </b>
El mismo principio aplica para italics
<body
bgcolor="#000000">
<i>algo</i> <b>bonito</b>
</body>
| algo
bonito |
Y para subrayado...
<body
bgcolor="#000000">
<u><i>algo</i>
<b>bonito</b></u>
</body>
| algo
bonito |
Como te habras dado cuenta puedes usar las etiquetas en conbinacion pero siempre hay que seguir una regla muy importante; Que por falta de saber como explicarla lo tratare de hacer visualmente.
Las etiquetas siempre tienen que estar en orden........SIEMPRE
<AQUI><ALLA> </AQUI> </ALLA> ======= muy MALO. <AQUI><ALLA></ALLA></AQUI> ======= muy BUENO.
Un efecto curioso es el del Tele Type tambien conocido como mono espacio separado.
<body>
<tt>algo bonito.</tt>
</body>
Esto es sin el efecto
================= algo bonito
Asi con el efecto ====================algo bonito
| algo
bonito |
Interesante no crees?
| Bueno
que te parece todo esto hasta hora, no te me aburras
solo piensa que falta poco y acabamos esta leccion y comenzaremos otra |
Quetal si cambiamos el tamaño de las letras? se hace asi!!!
Realmente es facil y tambien puede ser divertido!!!
Primero tenemos que agregar la etiqueta <font>
<body>
algo <font>bonito</font>
</body>
y despues expecificamos el atributo del tamaño.
<body>
algo <font size=4>bonito</font>
</body>
| algo bonito |
Yo se que las letras bienen en 7 tamaños del 1 al 7 en algunos editores e visto que usan -1 -2 +1 +2 etc. quien sabe de donde sacaron eso tendre que hacer mi tarea y te dejare saber que encuentro por ahora te recomiendo que solo las especifiques con solo los numeros sin el signo de - o +.
Me gustaria explicarte algo antes de seguir; Primero las <etiquetas> le dicen al browser que haga algo y el atributo le dice como hacerlo. Todos los browser tienen un valor predispuesto para todo!!! Para el <font> el valor es 3 en "NETSCAPE" y "EXPLORER" no importa si te jalas el pelo, le peges al gato o hagas mil muecas a tu pantalla siempre sera 3 hasta que tu le cambies el atributo.
Los diferentes estilos de letra solo podran ser vistos si las personas tienen ese particular estilo de letras en su computadora. Te repito.. Si la persona que mira estas paginas no tienen estos tipos de letras solo podran ver los estilos ya predispuestos por el "browser"; Entonces ten cuidado con tus elecciones.
Tu puedes decidir el mejor tipo de estilo al espicificar dos o mas tipos de letras. (Personalmente esto me tomo un poquito de tiempo en entender).
Solo haz algo asi....
<FONT FACE="ARIAL, HELVETICA, LUCIDA SANS">bonito</FONT>
Si no entiendes enseguida, esto es lo que esta sucediendo. El browser busca por ARIAL si lo encuentra , lo usa; si no buscara HELVETICA, si no encuentra este tipo tampoco, buscara LUCIDA SANS y si no encuentra este tampoco usara las letras predeterminadas.
Tambien podemos cambiar el color de las letras, (pero solo si tu quieres).
< body
bgcolor="#000000">
algo <font color="#00FF00">bonito</font>
</body>
| algo bonito |
Y por supuesto podemos combinar los atributos
<body
bgcolor="#000000">
algo <font color="#00FF00"
face="impact" size=6>bonito</font>
</body>
aqui algo mas.
<body
bgcolor="#000000">
algo <i><b><font color="#00FF00"
face="verdana" size=5>
bonito</font></b></i>
</body>
| algo bonito |
Realmente no importa que etiqueta esta primero lo que si importa es que esten en orden.
Pero aun hay mas
<body
bgcolor="#000000">
<sup>algo</sup> <s><sub>bonito</sub></s>
</body>
| algo |
Creo que se explica solo pero si insistes esto es lo que le estamos haciendo.
la etiqueta <sup> es para texto super escrito, <s> para texto rayado o con una linea en el medio, <sub> y este para texto sub escrito.
NOTA: La apropiada manipulacion de las letras y sus diferentes estilos te dara gran flexibilidad en el diseño de tus paginas.
BUENO DECLARO ESTA LECCION ACABADA SIGAMOS A
LA LECCION # 3