Bien vamos a continuar con nuestro ejercicio de componentes HTML como siguiente paso lo que vamos a
hacer es ejecutar nuestro proyecto y el resultado debe ser como se muestra a continuación.
Básicamente para ejecutar nuestro proyecto sobre nuestro IDE vamos a seleccionar el nombre del proyecto
dar clic derecho y seleccionar la opción de rol y una vez que ejecutamos el proyecto se debe de abrir
una llegador y nos debe demostrar este resultado así que podemos observar cada uno de los elementos
que hemos agregado a nuestro documento HTML.
Por un lado el título que agregamos por ejemplo algunos componentes HTML.
Posteriormente el párrafo y también en este caso el elemento creación de una tabla y también podemos
observar el resultado de utilizar una tabla de datos.
En este caso es una tabla que tiene dos renglones por dos columnas por un lado definimos los títulos
Título 1 y Título 2 y podemos observar que se utiliza en automático otro tipo de fuente y por otro lado
también definimos los elementos de tipo T de los datos 1 y el dato 2.
Todos estos elementos nos vamos a ir viendo a más detalle posteriormente pero en este caso es para que
nos vayamos familiarizando con varios de los componentes HTML que vamos a empezar a trabajar a lo largo
del curso.
Posteriormente podemos observar un link el cual nos va a llevar a la página de incursos Spuntone pero
podemos observar que el usuario lo que va a ver es la etiqueta Link.
Hay cursos de Global mentoring e internamente nos va a llevar al link de cursos punto net.
También podemos observar la lista de valores y si damos clic sobre esta lista nos va a desplegar cada
uno de los valores que hayamos agregado a esta lista.
Por otro lado también podemos observar cómo es que incluimos una imagen por medio de la etiqueta y M.G.
y finalmente algunos elementos que agregamos a nuestro formulario.
En este caso podemos observar nuestro filet el cual como comentamos es como un marco y básicamente este
marco lo que le agregamos es un título en este caso el filet va a tener el título de persona y dentro
de este formulario lo que agregamos es lo siguiente un elemento de nombre y un input decks para poder
capturar la información de este formulario.
Posteriormente agregamos un breve Rou es decir un salto de línea y agregamos otro elemento llamado email
y también para capturar esta imagen agregamos otro elemento de tipo input.
Si proporcionamos información tanto en el nombre como en el email y damos clic en el elemento enviar
datos vamos a observar cómo dentro de nuestro navegador se va a formar una cadena para mandar a llamar
al recurso que hayamos especificado en este formulario y de esta manera es como vamos a empezar a trabajar
varios de los componentes HTML que vamos a utilizar tanto en este curso como en cursos posteriores.
Así que este es el resultado de ejecutar el documento índex punto HTML que hemos codificado en este
ejercicio.
Recuerden que para cualquier problema que tengan pueden dar clic en el nombre del archivo en la documentación
que les hemos entregado.
Sin embargo se les solicita codificar línea a línea.
Este ejercicio para que vaya quedando claro cada uno de los componentes HTML que vamos a ir trabajando
a lo largo del curso
como conclusión.
Con este ejercicio hemos puesto en práctica algunos de los componentes HTML los cuales iremos estudiando
a más detalle conforme avancemos a lo largo del curso.
Con eso concluimos el ejercicio de componentes HTML.