PROF. MARIO ANTONIO HUAPALLA MORALES 1

LABORATORIO 1: CONCEPTOS BASICOS DE HTML

1.- Abrimos Visual Studio 2013

2.- Creamos un proyecto nuevo.

3.- Creamos un nuevo Proyecto Web, seleccionamos ASP.NET Web Application, como nombre

le danos laboratorio01 y le damos clic en OK

4.- Seleccionamos Empty, Web Forms y le damos clic en Ok.

PROF. MARIO ANTONIO HUAPALLA MORALES 2

5.- Nos aparece la siguiente estructura

6.- Creamos una nueva carpeta con el nombre html

7.- Agregamos una página html con el nombre primerapagina.html

8.- Agregamos el siguiente código:

PROF. MARIO ANTONIO HUAPALLA MORALES 3

9.- Agregamos una carpeta con el nombre imagen.

10.- Dentro de la carpeta agregamos la imagen logovisual.jpg.

11.- Agregamos una nueva página html con el nombre paginaimagen.html.

12.- Agregamos el siguiente código:

13.- Agregamos una nueva página html con el nombre paginatabla.html.

14.- Agregamos el siguiente código:

PROF. MARIO ANTONIO HUAPALLA MORALES 4

15.- Agregamos una nueva carpeta con el nombre estilos.

16.- Dentro de la carpeta estilos creamos una hoja de estilos con el nombre misestilos.css.

17.- A la hoja de estilo le agregamos el siguiente código:

PROF. MARIO ANTONIO HUAPALLA MORALES 5

18.- Agregamos una página html con el nombre paginaestilos.html.

19.- Agregamos el siguiente código:

PROF. MARIO ANTONIO HUAPALLA MORALES 6

20.- Agregamos los siguientes códigos a la hoja miestilos.css:

PROF. MARIO ANTONIO HUAPALLA MORALES 7

21.- Agregamos una nueva página con el nombre paginasdeenlace.html.

22.- Agregamos el siguiente código:

PROF. MARIO ANTONIO HUAPALLA MORALES 8

PROF. MARIO ANTONIO HUAPALLA MORALES 9

22.- Agregamos una nueva página html con el nombre paginaenlaces.html.

22.- Agregamos el siguiente código:

PROF. MARIO ANTONIO HUAPALLA MORALES 10