English version

Tutorial Intermedio
Síguenos en:
Síguenos en Facebook   Síguenos en Twitter   Síguenos en LinkedIn
Tutorial Básico de HTML
Compártelo:   Comparte en Del.icio.us Comparte en MySpace Comparte en Facebook Comparte en Digg Comparte en Technorati Comparte en Yahoo Comparte en Menéame
LECCIÓN 1

Sólo sigue las instrucciones. Abre el Bloc de notas e inicia con esto...

<html>
</html>


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 decir al navegador es "este es el inicio de un documento HTML" (<html>) y "este es el final del documento HTML" (</html>). Ahora necesitamos colocar información entre estas etiquetas.



Todo documento HTML requiere un par de "etiquetas de encabezado"

<html>
<head>
</head>
</html>



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

<html>
<head>
<title></title>
</head>
</html>



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

<html>
<head>
<title></title>
</head>
<body>
</body>

</html>



¡UPPPSSS! Casi lo olvido, coloca un título para tu página Sonrisa

<html>
<head>
<title>Mi primera página</title>
</head>
<body>
</body>
</html>



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. En donde dice "Guardar como archivos de tipo" selecciona "Todos los archivos (*.*)"
4. En "Nombre de archivo" anota pagina1.html
5. Clic en "Guardar" y... listo... ¡has creado tu primera página!

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 una pestaña (ventana) adicional para que en ella visualices tu trabajo, mientras lees esta ventana y trabajas con el bloc de notas.

Para abrir una nueva pestaña (ventana) debes hacer lo siguiente:

1. Selecciona el menú "Archivo" (File)
2. Ahora "Nueva pestaña" (New Tab)
3. Si estás usando Internet Explorer y Firefox, puedes abrirla más rápido si presionas CTRL + T.

[Lección 1]   [Lección 2]   [Lección 3]   [Lección 4]   [Lección 5]   [Lección 6]   [Comentarios]

La reproducción de este tutorial no está permitida, por favor, lee los siguientes links para mayor información:
Términos de uso / Políticas de privacidad