Hola Te saludo nuevamente Ubal lacosta.
Espero que estén listos para comenzar con esta elección.
A continuación vamos a estudiar el tema de componentes HTML.
Están listos.
Vamos
componentes HTML los componentes HTML son muy extensos y variados.
En esta elección veremos los componentes más utilizados con sus propiedades más comunes debido a que
es muy extenso este tema veremos varios ejercicios para poner en práctica el código HTML necesario para
generar los componentes mostrados.
Podemos dividir los componentes HTML en las siguientes clasificaciones componentes de hipervínculos
como son links botones e imágenes y podemos observar algunos ejemplos de este tipo de componentes componentes
de un formulario como pueden ser elementos para un formulario check boxes Rádio botones listas y campos
de texto y de área y podemos observar algunos ejemplos de este tipo de componentes.
Por ejemplo podemos observar algunos check boxes también listas y algunos Rádio botones y por ejemplo
un campo de texto para capturar información.
Todos estos son componentes que podemos utilizar dentro de un formulario y también podemos tener otro
tipo de componentes como pueden ser frames gráficos elementos de tipo Dib objetos embebidos etcétera.
Así que tenemos una gran variedad de componentes HTML y a continuación vamos a crear varios ejercicios
para observar el código HTML de varios de estos elementos y conforme vayamos avanzando en los ejercicios
nos vamos a ir familiarizando con cada uno de ese tipo de componentes
componentes de un R.L en la figura podemos observar los elementos que componen a un R.L
wereables significa Uniform Resource lo que ha ido o en español Localizador Uniforme de Recursos esta
es una manera única de encontrar elementos o dentro de nuestra intranet.
Los elementos son esquían el cual es el protocolo que se va a utilizar como puede ser el protocolo HTTP
FTP etc..
Así que este es el primer elemento que se va a utilizar y podemos observar un ejemplo del uso de una
R.L para localizar algún elemento de nuestro sitio web así que iniciamos con nuestro protocolo.
Posteriormente indicamos dos puntos seguido de Diagonal Diagonal y el nombre del Jost que puede ser
el nombre del AIPE o el nombre del dominio del sitio web así que podemos observar algunos ejemplos pueden
ser directamente AIPE o el nombre de nuestro servidor.
En este caso local Jost pero pueden ser también cualquier dominio válido ya sea en internet o en nuestra
intranet.
Como siguiente paso y de manera opcional podemos especificar el puerto de manera opcional debido a que
el puerto por default de las aplicaciones web en Internet es el puerto 80 así que si lo omitimos va
a ser el mismo resultado se va a mandar a llamar el servidor web donde esté publicada esta información.
Ese es el puerto por Defour el puerto 80.
Posteriormente podemos conformar nuestro Path el PATH básicamente es la ruta donde se van a encontrar
nuestros recursos de nuestro sitio web.
Por ejemplo en este caso diagonal mi sitio web y también podemos observar otro ejemplo en este caso
el local Jost diagonal.
Mi sitio web.
Podemos tener un Path más largo por ejemplo en este caso una subcarpeta y posteriormente ya el nombre
del recurso.
En este caso índex punto HTML así que todo esto sería el Paz donde se encuentra nuestro recurso.
Existen pads que no tienen terminación por ejemplo en este caso puntu HTML sino que únicamente llegan
hasta la Diagonal como en el caso de mi sitio web no tiene una extensión sino que únicamente después
de la Diagonal contiene el nombre del recurso en este caso mi sitio web y dependiendo de cómo esté configurado
nuestro servidor web puede responder a este tipo de recursos ya sea con una extensión como puede ser
HTML o simplemente con el nombre del recurso como siguiente paso podemos tener parámetros podemos observar
que en el segundo ejemplo ya no tenemos ninguna información más que un ancla que comentaremos a continuación.
Pero nuestro primer ejemplo podemos observar que después del nombre del recurso tenemos el signo de
interrogación y después del signo de interrogación tenemos una serie de parámetros en este caso dos
parámetros los cuales se conforman por el nombre y un valor de cada uno de los elementos.
Así que en este caso tenemos dos elementos por un lado el atributo de user y el valor de Ubaldo y podemos
tener más valores por ejemplo en este caso se concatena con el símbolo de Ampera Santo y el siguiente
parámetro es apellido y el valor es Acosta.
Así que en este caso podemos observar cómo después del signo de interrogación podemos enviar información
como parámetros a nuestros recursos web en este caso al recurso de mi sitio web y eso también es de
manera opcional así que podemos tener parámetros o también lo que se conoce como Cuadri del recurso
HTML y finalmente podemos enviar también información de un ancla.
Este concepto la estudiaremos más adelante pero básicamente va a hacer referencia a una parte de la
página HTML así que en este caso que estamos utilizando un ancla básicamente va a cargar la página índex
punto HTML pero en el punto de la página donde se esté indicando esta ancla.
Así que no se va a cargar desde un inicio sino que se va a cargar la página donde se esté indicando
este elemento ancla.
De igual manera conforme vayamos avanzando en el curso y en los siguientes cursos iremos profundizando
en más ejemplos del uso de las wereables.
A continuación vamos a crear varios ejemplos para poner en práctica el concepto de componentes HTML.