Html


CUROS DE HTML

Sólo sigue las instrucciones. Abre el Bloc de notas (INICIO – PROGRAMAS –ACCESOSRIOS –BLOCK DE NOTAS) e inicia con esto...




Cada página debe comenzar y terminar con la etiqueta (tag) HTML. Una etiqueta se cierra agregando /. La mayoría de las etiquetas tienen una etiqueta de terminación. Con las etiquetas se dan instrucciones a los navegadores. Lo que se acaba de deciral navegador es "este es el inicio de un documento HTML" () y "este es el final del documento HTML" (). Ahora necesitamos colocar información entre estas etiquetas.
Todo documento HTML requiere un par de "etiquetas de encabezado"






Por el momento contemplaremos la etiqueta "Título" (title) dentro de las "etiquetas de encabezado" (head)







El resto del documento aparecerádentro de las etiquetas "BODY"









Casi lo olvido, coloca un título para tu página



Mi primera página





Ahora guarda tu página, no como un archivo txt, sino como un documento html. Guárdala como pagina1.html Si no sabes cómo hacer ésto, lee lo siguiente:

1. Selecciona "Guardar como" en el bloc de notas
2. Elige el directorio en que guardarás el archivo.
3. Endonde dice "Guardar como archivos de tipo" selecciona "Todos los archivos (*.*)"
4. En "Nombre de archivo" anota pagina1.html
5. Clic en "Guardar"

Desafortunadamente, por ahora tu página no contiene nada, sólo se muestra el título de la misma en la parte superior del navegador. Así que la siguiente tarea es agregar algo en tu página.

La mejor forma de seguir las lecciones es abriendo lapagina para que en ella visualices tu trabajo, mientras lees esta ventana y trabajas con el bloc de notas.

Para evitar escribir varias veces lo mismo, me enfocaré a la etiqueta "BODY" para incluir el contenido de la página.




Anota: "Lo que más se te antoje"


Lo que más se te antoje


Cada vez que agregues algo nuevo, salva tu documento, después, dá clic en el botón "Reload"(Actualizar) del navegador (supongo que tienes abierto tu documento en la pestaña (ventana) adicional de la lección anterior). Si no se muestran tus cambios actuales, al momento de dar clic en el botón Reload mantén presionada la tecla "Shift"

Lo primero que debes aprender es a cambiar los colores del fondo.


Lo que más se te antoje


* bgcolor="#ffffff" (background="blanco") es el código delcolor blanco.

Se puede especificar una imagen para colocarla como fondo en lugar de un color sólido.


Lo que más se te antoje


Esta es la imagen del fondo que he empleado:

 

Para observar la forma en que se muestra la imagen usándola como fondo, haz click sobre la misma.

Es obvio que la imagen se coloca en forma de mosaico para cubrir toda la página. Pero si creas una imagen largapuedes obtener un efecto similar al que se muestra a continuación...


Lo que más se te antoje


Haz clic aquí para ver esta forma de fondo.

Esta es la imagen que uso para ese fondo.



(su tamaño real es 1200x15 pixeles, pero la reduje a 400x15 pixeles para que se vea en cualquier resolución de pantalla)

Regresemos a la pantalla blanca


Lo que más se te antoje


Coloquemosalgo en Negritas


Lo que más se te antoje


Lo que se dice al navegador es: en comenzar con negritas, y en detener las negritas.

Lo mismo aplica para las itálicas


Lo que mas se te antoje


... y también para el subrayado


Lo que más se te antoje


Regresemos nuevamente a pantalla blanca sin formato en palabras...

  (bgcolor puedes colocarlo en mayúsculas )
Lo que masse te antoje


Se puede usar una combinación de etiquetas si se desea.


Lo que más se te antoje


Este es un ejemplo de etiquetas combinadas. Si vas a usar etiquetas combinadas (lo que harás dentro de poco), entonces debes evitar confundir al navegador, las etiquetas deben ser combinadas no sobre puestas. Déjame explicarte lo que trato de decir...

Etiquetas sobre puestas... mal...