1
00:00:10,420 --> 00:00:13,120
Hola Te saludo nuevamente Ubal lacosta.

2
00:00:13,660 --> 00:00:17,050
Espero que estén listos para comenzar con esta elección.

3
00:00:17,110 --> 00:00:21,810
A continuación vamos a estudiar el tema de componentes HTML.

4
00:00:22,000 --> 00:00:23,050
Están listos.

5
00:00:23,050 --> 00:00:23,470
Vamos

6
00:00:28,330 --> 00:00:34,390
componentes HTML los componentes HTML son muy extensos y variados.

7
00:00:34,390 --> 00:00:40,540
En esta elección veremos los componentes más utilizados con sus propiedades más comunes debido a que

8
00:00:40,540 --> 00:00:47,500
es muy extenso este tema veremos varios ejercicios para poner en práctica el código HTML necesario para

9
00:00:47,500 --> 00:00:49,900
generar los componentes mostrados.

10
00:00:49,960 --> 00:00:57,300
Podemos dividir los componentes HTML en las siguientes clasificaciones componentes de hipervínculos

11
00:00:57,780 --> 00:01:08,520
como son links botones e imágenes y podemos observar algunos ejemplos de este tipo de componentes componentes

12
00:01:08,520 --> 00:01:17,420
de un formulario como pueden ser elementos para un formulario check boxes Rádio botones listas y campos

13
00:01:17,420 --> 00:01:24,170
de texto y de área y podemos observar algunos ejemplos de este tipo de componentes.

14
00:01:24,180 --> 00:01:33,990
Por ejemplo podemos observar algunos check boxes también listas y algunos Rádio botones y por ejemplo

15
00:01:34,020 --> 00:01:37,430
un campo de texto para capturar información.

16
00:01:37,470 --> 00:01:44,750
Todos estos son componentes que podemos utilizar dentro de un formulario y también podemos tener otro

17
00:01:44,750 --> 00:01:52,600
tipo de componentes como pueden ser frames gráficos elementos de tipo Dib objetos embebidos etcétera.

18
00:01:52,880 --> 00:01:59,330
Así que tenemos una gran variedad de componentes HTML y a continuación vamos a crear varios ejercicios

19
00:01:59,510 --> 00:02:06,530
para observar el código HTML de varios de estos elementos y conforme vayamos avanzando en los ejercicios

20
00:02:06,710 --> 00:02:10,490
nos vamos a ir familiarizando con cada uno de ese tipo de componentes

21
00:02:13,420 --> 00:02:21,430
componentes de un R.L en la figura podemos observar los elementos que componen a un R.L

22
00:02:28,640 --> 00:02:37,040
wereables significa Uniform Resource lo que ha ido o en español Localizador Uniforme de Recursos esta

23
00:02:37,050 --> 00:02:42,120
es una manera única de encontrar elementos o dentro de nuestra intranet.

24
00:02:42,120 --> 00:02:48,780
Los elementos son esquían el cual es el protocolo que se va a utilizar como puede ser el protocolo HTTP

25
00:02:48,990 --> 00:02:50,520
FTP etc..

26
00:02:51,470 --> 00:02:57,440
Así que este es el primer elemento que se va a utilizar y podemos observar un ejemplo del uso de una

27
00:02:57,650 --> 00:03:04,910
R.L para localizar algún elemento de nuestro sitio web así que iniciamos con nuestro protocolo.

28
00:03:05,250 --> 00:03:12,780
Posteriormente indicamos dos puntos seguido de Diagonal Diagonal y el nombre del Jost que puede ser

29
00:03:12,810 --> 00:03:19,080
el nombre del AIPE o el nombre del dominio del sitio web así que podemos observar algunos ejemplos pueden

30
00:03:19,080 --> 00:03:23,310
ser directamente AIPE o el nombre de nuestro servidor.

31
00:03:23,340 --> 00:03:29,640
En este caso local Jost pero pueden ser también cualquier dominio válido ya sea en internet o en nuestra

32
00:03:29,640 --> 00:03:30,780
intranet.

33
00:03:30,960 --> 00:03:36,840
Como siguiente paso y de manera opcional podemos especificar el puerto de manera opcional debido a que

34
00:03:36,840 --> 00:03:44,310
el puerto por default de las aplicaciones web en Internet es el puerto 80 así que si lo omitimos va

35
00:03:44,310 --> 00:03:50,730
a ser el mismo resultado se va a mandar a llamar el servidor web donde esté publicada esta información.

36
00:03:50,970 --> 00:03:53,410
Ese es el puerto por Defour el puerto 80.

37
00:03:54,090 --> 00:03:59,850
Posteriormente podemos conformar nuestro Path el PATH básicamente es la ruta donde se van a encontrar

38
00:04:00,030 --> 00:04:02,520
nuestros recursos de nuestro sitio web.

39
00:04:02,670 --> 00:04:08,410
Por ejemplo en este caso diagonal mi sitio web y también podemos observar otro ejemplo en este caso

40
00:04:08,410 --> 00:04:09,760
el local Jost diagonal.

41
00:04:09,780 --> 00:04:11,060
Mi sitio web.

42
00:04:11,100 --> 00:04:17,220
Podemos tener un Path más largo por ejemplo en este caso una subcarpeta y posteriormente ya el nombre

43
00:04:17,220 --> 00:04:18,070
del recurso.

44
00:04:18,180 --> 00:04:25,470
En este caso índex punto HTML así que todo esto sería el Paz donde se encuentra nuestro recurso.

45
00:04:25,500 --> 00:04:31,020
Existen pads que no tienen terminación por ejemplo en este caso puntu HTML sino que únicamente llegan

46
00:04:31,110 --> 00:04:36,930
hasta la Diagonal como en el caso de mi sitio web no tiene una extensión sino que únicamente después

47
00:04:36,930 --> 00:04:43,710
de la Diagonal contiene el nombre del recurso en este caso mi sitio web y dependiendo de cómo esté configurado

48
00:04:43,710 --> 00:04:49,440
nuestro servidor web puede responder a este tipo de recursos ya sea con una extensión como puede ser

49
00:04:49,470 --> 00:04:56,880
HTML o simplemente con el nombre del recurso como siguiente paso podemos tener parámetros podemos observar

50
00:04:57,000 --> 00:05:02,350
que en el segundo ejemplo ya no tenemos ninguna información más que un ancla que comentaremos a continuación.

51
00:05:02,490 --> 00:05:07,800
Pero nuestro primer ejemplo podemos observar que después del nombre del recurso tenemos el signo de

52
00:05:07,800 --> 00:05:14,100
interrogación y después del signo de interrogación tenemos una serie de parámetros en este caso dos

53
00:05:14,100 --> 00:05:20,300
parámetros los cuales se conforman por el nombre y un valor de cada uno de los elementos.

54
00:05:20,370 --> 00:05:29,090
Así que en este caso tenemos dos elementos por un lado el atributo de user y el valor de Ubaldo y podemos

55
00:05:29,090 --> 00:05:35,390
tener más valores por ejemplo en este caso se concatena con el símbolo de Ampera Santo y el siguiente

56
00:05:35,390 --> 00:05:39,660
parámetro es apellido y el valor es Acosta.

57
00:05:39,710 --> 00:05:45,230
Así que en este caso podemos observar cómo después del signo de interrogación podemos enviar información

58
00:05:45,230 --> 00:05:51,320
como parámetros a nuestros recursos web en este caso al recurso de mi sitio web y eso también es de

59
00:05:51,320 --> 00:05:57,050
manera opcional así que podemos tener parámetros o también lo que se conoce como Cuadri del recurso

60
00:05:57,110 --> 00:06:02,450
HTML y finalmente podemos enviar también información de un ancla.

61
00:06:02,450 --> 00:06:08,060
Este concepto la estudiaremos más adelante pero básicamente va a hacer referencia a una parte de la

62
00:06:08,060 --> 00:06:15,500
página HTML así que en este caso que estamos utilizando un ancla básicamente va a cargar la página índex

63
00:06:15,500 --> 00:06:21,950
punto HTML pero en el punto de la página donde se esté indicando esta ancla.

64
00:06:22,220 --> 00:06:28,010
Así que no se va a cargar desde un inicio sino que se va a cargar la página donde se esté indicando

65
00:06:28,070 --> 00:06:30,200
este elemento ancla.

66
00:06:30,200 --> 00:06:35,840
De igual manera conforme vayamos avanzando en el curso y en los siguientes cursos iremos profundizando

67
00:06:35,900 --> 00:06:39,160
en más ejemplos del uso de las wereables.

68
00:06:39,170 --> 00:06:45,320
A continuación vamos a crear varios ejemplos para poner en práctica el concepto de componentes HTML.