Laboratorio 1 - Introduccion a HTML
description
Transcript of Laboratorio 1 - Introduccion a HTML
![Page 1: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/1.jpg)
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.
![Page 2: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/2.jpg)
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:
![Page 3: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/3.jpg)
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:
![Page 4: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/4.jpg)
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:
![Page 5: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/5.jpg)
PROF. MARIO ANTONIO HUAPALLA MORALES 5
18.- Agregamos una página html con el nombre paginaestilos.html.
19.- Agregamos el siguiente código:
![Page 6: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/6.jpg)
PROF. MARIO ANTONIO HUAPALLA MORALES 6
20.- Agregamos los siguientes códigos a la hoja miestilos.css:
![Page 7: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/7.jpg)
PROF. MARIO ANTONIO HUAPALLA MORALES 7
21.- Agregamos una nueva página con el nombre paginasdeenlace.html.
22.- Agregamos el siguiente código:
![Page 8: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/8.jpg)
PROF. MARIO ANTONIO HUAPALLA MORALES 8
![Page 9: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/9.jpg)
PROF. MARIO ANTONIO HUAPALLA MORALES 9
22.- Agregamos una nueva página html con el nombre paginaenlaces.html.
22.- Agregamos el siguiente código:
![Page 10: Laboratorio 1 - Introduccion a HTML](https://reader036.fdocuments.es/reader036/viewer/2022082516/55cf8f16550346703b98cb95/html5/thumbnails/10.jpg)
PROF. MARIO ANTONIO HUAPALLA MORALES 10