Guia inicio HTML
Enviado por yedith2506 • 8 de Noviembre de 2015 • Práctica o problema • 502 Palabras (3 Páginas) • 115 Visitas
Guía de inicio HTML
Crearemos una carpeta llamada “Mi sitio Web” dentro de Mis documentos.
Ahora vamos a usar un editor de textos para crear nuestras páginas web.
1. Entramos a Inicio/Todos los programas/Accesorios/Bloc de notas
2. Se abrirá el programa Bloc de notas, ahora vamos a escribir el sig. Texto:
<html>
<head>
<title> Titulo de mi Pagina </title>
</head>
<body>
Mi primera pagina web
</body>
</html>
La ventana nos queda ahora de la siguiente forma:
3. Vamos a guardar este archivo en la carpeta que hicimos al principio, le daremos el nombre de index.html
4. Hemos creado nuestra primera página web, ahora vamos a la carpeta “Mi Sitio Web” y observamos el archivo que guardamos.
5. Voy a tratar de explicar el código:
<html> Esta etiqueta indica que comienza nuestra página web.
<head> Toda página lleva una sección de encabezado, con esta etiqueta se inicia.
<title> Titulo de mi Pagina </title> Aquí indicamos el título de la página
</head> Este tipo de etiquetas llevan tambien una etiqueta de cierre, esta cierra el encabezado
<body> Entre las etiquetas <body> estará todo el contenido de nuestra página.
Mi primera pagina web
</body>
</html> Por último se cierra la etiqueta <html> que abrimos en la primera línea.
6. Siguiendo los pasos 1 al 4 vamos crear otra página con el nombre “segunda.html” con el siguiente contenido:
<html>
<head>
<title> Titulo Dos </title>
</head>
<body>
Este es el contenido de mi pagina Dos
</body>
</html>
7. Ahora vamos a descargar una imagen de internet y la guardaremos en la carpeta “Mi Sitio Web” con el nombre “imagen”.
8. Nuestra carpeta ahora contiene los siguientes archivos:
9. Vamos a abrir el archivo index.html para agregarle la imagen, lo haremos dándole click con el botón derecho del mouse y elegimos la opción como se muestra en la imagen. :
10. Vamos a modificar el contenido dejándolo de la siguiente forma:
11. Guarda los cambios y abre el archivo “index” para que veas el resultado, deberá ser algo asi:
12. Espero les sirva para que comiencen con su sitio.
...