1
00:00:16,930 --> 00:00:25,250
Hola bienvenidos a una nueva clase como ven ya tengo Sam corriendo y he ingresado al local Jost listo.

2
00:00:25,280 --> 00:00:30,850
Esto se lo dejamos preparado para empezar a trabajar pero les quiero mostrar algo.

3
00:00:30,860 --> 00:00:37,830
Miren yo he elegido dos páginas y tienen unas particularidades muy marcadas.

4
00:00:37,860 --> 00:00:42,980
Miren esta es la página de Samsung sin ánimos de hacerle propaganda a nadie es simplemente un ejemplo

5
00:00:44,290 --> 00:00:50,800
y como podemos ver yo creería que la mayoría de esta web es de contenido estático.

6
00:00:50,800 --> 00:00:58,520
O sea cuando yo ingreso a Samsun puntocom simplemente veo una serie de textos imágenes descripciones

7
00:00:59,060 --> 00:01:05,900
que son estáticos o sea salvo que Samsung haga una actualización de su web o cambia algún producto.

8
00:01:05,900 --> 00:01:09,000
Esto es siempre lo mismo y no importa cuántas veces entre.

9
00:01:09,010 --> 00:01:10,800
Por lo general va a estar todo igual.

10
00:01:10,820 --> 00:01:17,960
A esto lo llamamos contenido estático es una típica web plana no hay mucha diferencia entre esta web

11
00:01:18,480 --> 00:01:24,590
y un documento de Word al que le escribimos el texto y le ponemos fotos.

12
00:01:24,590 --> 00:01:32,340
Pero miren ahora esta otra web que también elegí al azar esta web tiene muy poco contenido estático

13
00:01:32,700 --> 00:01:39,470
y la mayoría de su contenido es dinámico la mayoría del contenido de esta web es generado a partir de

14
00:01:39,470 --> 00:01:46,340
consultas supongo a servicios de meteorología pero es muy probable que si yo actualizo dentro de 15

15
00:01:46,340 --> 00:01:50,360
minutos lo que yo veo acá es totalmente diferente.

16
00:01:50,360 --> 00:01:55,790
De hecho a cada minuto va a ser diferente porque ya de entrada estoy viendo que me dice la hora.

17
00:01:55,910 --> 00:01:59,670
Por ende cuando actualice dentro de un minuto esto va a cambiar.

18
00:01:59,710 --> 00:02:05,120
O sea que acá no tengo todo contenido estático como les decía Por el contrario la mayoría cambia va

19
00:02:05,120 --> 00:02:10,170
avanzando todo el tiempo me muestra un montón de información en tiempo real.

20
00:02:10,670 --> 00:02:18,950
Entonces quería marcar estas diferencias entre una página estática y una página que tiene gran contenido

21
00:02:19,070 --> 00:02:20,050
dinámico.

22
00:02:20,210 --> 00:02:29,030
Y si bien desconozco a ciencia cierta qué sistema están utilizando por detrás para solventar todo todos

23
00:02:29,030 --> 00:02:33,400
estos datos que se obtienen en tiempo real sospecho que puede ser PHP.

24
00:02:33,650 --> 00:02:43,350
Pero más allá de eso nosotros cuando desarrollemos este tipo de páginas vamos a utilizar PHP para generar

25
00:02:45,040 --> 00:02:54,220
todos estos datos que se forman a partir de consultas estimo yo que esta página por detrás en realidad

26
00:02:54,400 --> 00:02:55,980
funciona de la siguiente manera.

27
00:02:56,020 --> 00:03:00,070
Sí tiene algunas partes estáticas como es el logo.

28
00:03:00,070 --> 00:03:06,010
A lo mejor el casillero este a donde se busca una ciudad o provincia y poca cosa más.

29
00:03:06,040 --> 00:03:14,700
Luego el sistema lo que hace es generar con PHP probablemente a bases de datos o a otros servicios generar

30
00:03:14,700 --> 00:03:24,270
consultas para ir rellenando todos los datos que van cambiando minuto a minuto a medida que se modifica

31
00:03:24,540 --> 00:03:25,640
el clima.

32
00:03:25,740 --> 00:03:30,390
Estos van a ser los desafíos que vamos a emprender nosotros.

33
00:03:30,480 --> 00:03:35,470
Ahora bien no importa si hablemos de este caso o no importa si hablamos de este caso.

34
00:03:35,760 --> 00:03:42,310
En ambos está involucrado de manera principal el HTML y el HTML.

35
00:03:42,420 --> 00:03:47,870
Si bien muchos dicen que es lenguaje muchos dicen que está mal mal decir que es un lenguaje bueno creo

36
00:03:47,880 --> 00:03:55,980
que técnicamente es un sistema de etiquetado el HTML es en definitiva una especie de Word a donde voy

37
00:03:55,980 --> 00:04:01,860
a poder escribir texto o poner imágenes y formatear Flash hacer el texto más grande decir dónde va a

38
00:04:01,860 --> 00:04:03,210
estar ubicado.

39
00:04:03,210 --> 00:04:05,930
Eso es lo que arma cualquiera de estas webs.

40
00:04:06,090 --> 00:04:12,840
La diferencia es que está dentro del HTML si hay parámetros que son llenados gracias a PHP por ejemplo

41
00:04:13,050 --> 00:04:14,530
de manera dinámica.

42
00:04:14,850 --> 00:04:23,090
Entonces bueno vamos a proceder a empezar a meternos en este mundo del HTML porque es fundamental que

43
00:04:23,090 --> 00:04:27,160
conozcamos aunque sea un poco para poder avanzar sobre PHP.

44
00:04:27,170 --> 00:04:28,910
Es una herramienta que necesitamos

45
00:04:32,020 --> 00:04:41,770
así que me vengo a la parte izquierda a donde ya tengo Atom abierto me voy a ir a Phil a Prosoc folder

46
00:04:41,830 --> 00:04:45,030
vamos a agregar una carpeta con la que vamos a trabajar.

47
00:04:45,070 --> 00:04:47,050
Ahí vamos a tener todos nuestros proyectos.

48
00:04:47,050 --> 00:04:49,300
Cuál va a ser esta carpeta de proyecto.

49
00:04:49,300 --> 00:04:56,740
Bueno creo que va a ser cómodo que pongamos a HT docx ahí entonces acá ingreso.

50
00:04:56,740 --> 00:05:03,350
Ustedes tienen una ruta diferente seguramente ya elegí HT docx le doy a abril y miren me aparece acá

51
00:05:03,350 --> 00:05:09,710
a la izquierda en Atom un árbol de proyecto a donde tengo todas las carpetas.

52
00:05:09,730 --> 00:05:13,600
Se acuerdan en Samguk hicimos una carpeta curso que de momento está vacía.

53
00:05:13,610 --> 00:05:22,660
Bueno vamos a empezar a poner nuestros ejemplos correr corregir algo que no me quedó del todo bien para

54
00:05:22,660 --> 00:05:28,610
que nuestras direcciones sean más amigables.

55
00:05:28,610 --> 00:05:36,860
Lo que vamos a hacer es renombrar esta carpeta curso de click derecho rincãn le vamos a poner cursos

56
00:05:36,860 --> 00:05:38,180
pero con minúscula.

57
00:05:38,340 --> 00:05:38,760
Listo.

58
00:05:38,780 --> 00:05:46,460
Hemos mejorado algo bueno adentro de esta carpeta curso vamos a ir haciendo nuestras prácticas.

59
00:05:46,460 --> 00:05:53,570
Entonces como esta práctica es de HTML vamos a hacer clic derecho en curso y lo voy a poner New Folder

60
00:05:53,830 --> 00:06:01,430
o voy a crear otra carpeta dentro de curso me voy a pedir el nombre y le voy a poner no sé ver HTML

61
00:06:02,120 --> 00:06:14,150
nada más ya tengo bien con este signo de mayor que de espliego ya tengo la carpeta HTML creada me voy

62
00:06:14,150 --> 00:06:17,390
a posicionar acá les voy a dar click derecho

63
00:06:20,360 --> 00:06:30,900
New fail vamos a crear un nuevo archivo y lo vamos a poner prueba junto a HT m l listo.

64
00:06:31,080 --> 00:06:33,190
Bueno observen algo de Atom.

65
00:06:33,790 --> 00:06:39,610
Yo voy a tratar de transferirle todas las ventajas que le he encontrado a este editor de código.

66
00:06:39,950 --> 00:06:45,980
Recuerden son todos buenos los últimos editores de código que han salido son excelentes Atom brackets

67
00:06:46,370 --> 00:06:49,880
B.C coged cualquiera nos sirve suplentes.

68
00:06:50,150 --> 00:06:55,620
Yo de momento Sotón y voy a tratar de contarles todos los trucos y tips que tienen.

69
00:06:56,190 --> 00:07:01,850
Yo voy a aprovechar esta ventana esta pestaña que tengo acá para achicar la barra y que me quede más

70
00:07:02,030 --> 00:07:07,790
espacio para trabajar bueno HTML.

71
00:07:07,820 --> 00:07:14,230
Vamos a empezar con algo simple HTML es tan noble que siempre va a tratar de funcionar aunque nos equivoquemos

72
00:07:14,470 --> 00:07:16,240
aunque no seamos prolijos.

73
00:07:16,720 --> 00:07:23,980
Entonces miren yo voy a escribir acá a donde tendría que empezar a escribir el código de mi página o

74
00:07:24,010 --> 00:07:24,840
poner algo simple.

75
00:07:25,060 --> 00:07:29,290
Hola bienvenidos.

76
00:07:29,290 --> 00:07:31,990
Pongo esto porque me resisto a poner el Hola Mundo.

77
00:07:32,030 --> 00:07:35,660
Es muy básico en el mundo curs.

78
00:07:35,770 --> 00:07:42,340
Miren cada vez que yo modifico el archivo presten atención acá arriba ven ahí que si saco el mouse se

79
00:07:42,340 --> 00:07:48,040
ve un puntito azul eso me está indicando de que los cambios no han sido grabados.

80
00:07:48,040 --> 00:07:50,890
Entonces no saquen la mirada del puntito azul.

81
00:07:50,890 --> 00:07:52,440
Yo voy a presionar.

82
00:07:52,630 --> 00:07:57,310
Ese es el Mac contra el S en Windows para grabar.

83
00:07:57,310 --> 00:08:01,270
Miren cómo cuando Bravo desaparece el punto 1 2 3.

84
00:08:01,270 --> 00:08:01,860
Listo.

85
00:08:01,960 --> 00:08:04,300
Yo tengo la certeza de que esto está grabado.

86
00:08:04,300 --> 00:08:09,590
Muchas veces pasa que yo me vengo aquí al lado a ver cómo funciona en mi código y no funciona.

87
00:08:09,640 --> 00:08:17,240
No se modificó nada y fácilmente lo que hago es ver si tengo un puntito y digo Ah me olvidé de grabar.

88
00:08:17,450 --> 00:08:18,690
Van a ver que es algo muy útil.

89
00:08:22,030 --> 00:08:30,710
Bueno entonces me vengo a la derecha entro en curso me dice que no encuentra curso por qué y porque

90
00:08:30,750 --> 00:08:34,100
eso lo había renombrado entonces tengo que actualizar.

91
00:08:34,210 --> 00:08:42,190
Y miren como ahora sale con minúscula como corresponde bien vuelvo a darle curso tengo la carpeta HTML.

92
00:08:42,190 --> 00:08:46,210
Miren todo tiene su lógica acá hasta HTML.

93
00:08:46,210 --> 00:08:52,830
Entonces voy a entrar HTML y aparece nuestro archivo nuestra página que estamos creando.

94
00:08:52,900 --> 00:08:56,990
Debía hacer click y ahí está nuestra primera web.

95
00:08:57,000 --> 00:09:00,870
Aunque no lo crean prácticamente es simplemente texto.

96
00:09:00,870 --> 00:09:08,430
No he puesto en ninguna etiqueta ningún código extraño para nuestros ojos pero vamos que HTML es mucho

97
00:09:08,430 --> 00:09:12,450
más que esto en HTML.

98
00:09:12,450 --> 00:09:18,660
Estas etiquetas que vamos a ver a continuación nos ayudan a formatear a posicionar dentro de la web

99
00:09:19,110 --> 00:09:23,870
un código una imagen me va a permitir incorporar archivos de audio de video.

100
00:09:23,880 --> 00:09:26,410
Veamos de qué se trata.

101
00:09:26,520 --> 00:09:33,170
Por ejemplo vamos a citar alguna etiqueta y de paso a mostrarles que noble es Hatton.

102
00:09:33,270 --> 00:09:40,710
Hay una etiqueta que se llama H1 o las etiquetas H que son para hacer encabezados.

103
00:09:40,710 --> 00:09:47,820
En definitiva son distintos tipos de letra más grande o más pequeño H1 es la que hace el título más

104
00:09:47,820 --> 00:09:51,880
grande y HD2 un poco más chico y H3 un poco más chico.

105
00:09:51,960 --> 00:09:53,730
Cómo son las etiquetas.

106
00:09:53,730 --> 00:09:57,510
Se conforman con un signo menor.

107
00:09:57,510 --> 00:09:59,680
Ahora escribo el nombre de la etiqueta.

108
00:09:59,790 --> 00:10:06,360
Estaba hablando justamente de la H1 y después un signo mayor para cerrarlas.

109
00:10:06,380 --> 00:10:11,580
Bueno yo voy a decir que esto es una etiqueta de apertura H1.

110
00:10:11,580 --> 00:10:14,940
Ahora necesito una etiqueta de cierre de etiqueta de cierre.

111
00:10:14,940 --> 00:10:23,100
Es igual pero tiene una barra un slash antes del H1.

112
00:10:23,520 --> 00:10:30,600
Entonces todas las etiquetas que abren se escriben así y las que cierran así por qué digo que abre y

113
00:10:30,750 --> 00:10:31,200
cierra.

114
00:10:31,200 --> 00:10:42,900
Claro porque entremedio es el texto que voy a poner a mi decir esto es un H1 y miren un buen programador

115
00:10:42,990 --> 00:10:46,110
aprende a copiar y pegar eficientemente.

116
00:10:46,110 --> 00:10:48,670
Copio y pego y voy a cambiar.

117
00:10:50,510 --> 00:10:54,850
Voy a poner H2 y acá tengo que cambiar también H2.

118
00:10:54,850 --> 00:10:58,600
Esto es un H2 y voy a escribir abajo.

119
00:10:58,600 --> 00:11:00,940
Esto es sin nada.

120
00:11:01,330 --> 00:11:08,650
Para que tengamos un muestrario digamos grave vieron desaparecio y puntito actualizo y miren esto es

121
00:11:08,650 --> 00:11:09,400
un H1.

122
00:11:09,400 --> 00:11:12,550
Este es un H2 esto es sin nada.

123
00:11:12,550 --> 00:11:14,140
Se dan cuenta cómo viene la cosa.

124
00:11:14,200 --> 00:11:17,320
Miren por ejemplo esto es sin nada que agregar.

125
00:11:18,010 --> 00:11:26,880
Hola mi nombre es entonces miren hay una etiqueta que es una vez de Bold de negrita.

126
00:11:26,890 --> 00:11:37,090
Si es así con esa Avro y con ésta cierro grabo y me voy a venir a ver acá los resultados actuales se

127
00:11:37,090 --> 00:11:42,570
dan cuenta cómo a dónde abre nombre se pone en negrita y dónde la cierro.

128
00:11:42,610 --> 00:11:45,320
Es donde termina el efecto de negrita.

129
00:11:45,400 --> 00:11:51,370
En definitiva sería como cuando vamos a Word y pintamos a esto lo quiero en negrita en realidad por

130
00:11:51,370 --> 00:11:53,490
detrás pasa algo parecido a esto

131
00:11:57,850 --> 00:12:00,120
voy a cerrar acá para tener más espacio.

132
00:12:00,110 --> 00:12:03,430
Bueno veamos alguna otra etiqueta

133
00:12:06,940 --> 00:12:14,200
una etiqueta que vamos a usar muchísimo es la llamada Vive y acá aprovecho para contarles otra cosa

134
00:12:14,290 --> 00:12:21,940
de Atom antes de entrar al Atom Atom es muy noble como todos los editores de código modernos y nos brindan

135
00:12:22,030 --> 00:12:22,920
ayudas.

136
00:12:22,930 --> 00:12:26,470
Una es miren cuando yo quiero hacer una etiqueta H1.

137
00:12:26,500 --> 00:12:35,690
Simplemente escribo H1 enter y ya me lo abre y me lo cierra con qué pasa lo mismo.

138
00:12:35,790 --> 00:12:44,790
Elijo acabé enter y ya me abrió me abrió y me cerró la etiqueta be larga.

139
00:12:45,010 --> 00:12:53,870
Entonces yo les quiero mostrar ahora una etiqueta que se llama Drive de orientar y miren ya me pone

140
00:12:53,870 --> 00:12:58,110
una propiedad que es class la clase que le vamos a dar.

141
00:12:58,130 --> 00:13:00,910
Eso se lo vamos a ver más adelante no se preocupen.

142
00:13:01,040 --> 00:13:04,140
Pero esta etiqueta Dir. van a ver que no tiene mayor efecto.

143
00:13:04,370 --> 00:13:12,710
Hola probando voy a poner grabo el texto sale igual pero si sirve para generar divisiones dentro de

144
00:13:12,710 --> 00:13:15,170
mi página partes.

145
00:13:15,410 --> 00:13:22,070
Y a esas partes afectarlas con un formato en especial.

146
00:13:22,070 --> 00:13:24,780
De todos modos poco a poco vamos a ir viendo esto.

147
00:13:24,830 --> 00:13:29,070
Yo lo que quiero es que tengamos las herramientas básicas para trabajar.

148
00:13:29,070 --> 00:13:35,810
Bueno cuando hacemos una página web miren en realidad la estructura es un poco más compleja pero como

149
00:13:36,080 --> 00:13:42,800
les decía es tan noble el HTML que los navegadores siempre van a intentar responder a lo que hayamos

150
00:13:42,800 --> 00:13:44,270
querido hacer y mostrar

151
00:13:47,020 --> 00:13:49,090
un resultado coherente.

152
00:13:49,150 --> 00:13:50,290
Por qué les digo esto.

153
00:13:50,290 --> 00:13:56,020
Miren en realidad la estructura de la web o esqueleto se le suele llamar es mucho más complejo una web

154
00:13:56,590 --> 00:14:04,830
tiene una estructura un esqueleto como el siguiente también basado en etiquetas como por lo general

155
00:14:05,490 --> 00:14:07,620
es complejo y no lo sabemos de memoria.

156
00:14:07,620 --> 00:14:09,660
Este esqueleto Atom nos ayuda.

157
00:14:09,660 --> 00:14:17,790
Yo escribo HTML ya aparece la opción HTML presiona Enter y ahí lo tenemos.

158
00:14:17,790 --> 00:14:26,620
Este es el esqueleto de una web básica si bien ya vamos a ver algunos detalles de que para qué sirve

159
00:14:26,620 --> 00:14:36,010
cada una de estas etiquetas vamos a tener esta etiqueta title taichí como le quieran decir a donde entre

160
00:14:36,340 --> 00:14:42,580
la apertura y el cierre vamos a escribir por ejemplo prueba HTML.

161
00:14:42,580 --> 00:14:45,420
Voy a grabar porque les quiero mostrar el resultado.

162
00:14:45,760 --> 00:14:47,880
Actualizo y qué cambio acá arriba.

163
00:14:47,890 --> 00:14:54,910
El título de la pestaña ya sabemos que dentro de las etiquetas title lo que estamos modificando es el

164
00:14:54,910 --> 00:14:57,160
título superior de la pestaña.

165
00:14:58,030 --> 00:15:05,070
Hay otros parámetros que tenemos como el juego de caracteres que usamos el idioma sorbido poner que

166
00:15:05,140 --> 00:15:08,830
mi página es en español para que el navegador sepa en qué idioma está.

167
00:15:09,430 --> 00:15:15,570
Y si necesitáramos traducirla el navegador en este caso Google Crom sepa cómo traducirla.

168
00:15:15,940 --> 00:15:19,000
Pero bueno no nos vayamos por las ramas.

169
00:15:19,000 --> 00:15:27,140
La página en sí el contenido lo tengo que poner entre estas etiquetas Bodhi esta lo abre y cierra.

170
00:15:27,470 --> 00:15:27,790
Cómo.

171
00:15:27,910 --> 00:15:29,830
Cómo les podría ser si no tuvieran.

172
00:15:29,830 --> 00:15:36,330
Si yo no tuviera las etiquetas Bodhi escribo Body enter y ahí está se abre se cierra y me lo deja listo.

173
00:15:36,430 --> 00:15:38,810
Es como que no hay excusas es fácil.

174
00:15:39,160 --> 00:15:41,920
Estas cosas están hechas para eso para que nos ayude.

175
00:15:42,280 --> 00:15:47,170
Entonces el contenido de mi página se lo voy a cortar de acá abajo y lo voy a insertar donde en realidad

176
00:15:47,170 --> 00:15:48,700
va Bravo.

177
00:15:49,030 --> 00:15:53,130
Bueno ya tengo una página más formal más como se debe hacer.

178
00:15:53,140 --> 00:15:57,220
Sin embargo cuando yo le doy a actualizar no cambia nada.

179
00:15:57,370 --> 00:16:00,310
Por eso que les decía HTML es muy noble.

180
00:16:00,340 --> 00:16:06,970
Los navegadores también y aunque tengamos errores van a tratar de representar lo más correctamente el

181
00:16:06,970 --> 00:16:11,480
contenido bueno y algo importante.

182
00:16:11,560 --> 00:16:21,330
Seguramente cuando yo pegué el esqueleto te habrás asustado decís Yo me acordaré de todo esto.

183
00:16:21,340 --> 00:16:22,660
Te ponés a pensar.

184
00:16:22,780 --> 00:16:23,740
Eso me pasó a mí.

185
00:16:24,010 --> 00:16:28,450
Uy qué complicado que es cuántas cosas me tengo que aprender todo esto no es muy probable que con el

186
00:16:28,450 --> 00:16:30,010
tiempo se te lo aprendas de memoria.

187
00:16:30,190 --> 00:16:34,050
Pero ya casi nadie se lo sabe de memoria simplemente venimos HTML y ya está.

188
00:16:34,060 --> 00:16:35,790
Tenemos el esqueleto.

189
00:16:35,920 --> 00:16:38,490
No te asustes.

190
00:16:38,530 --> 00:16:43,060
Bueno voy a volver como estaba el ejemplo porque por las dudas quiero dejar esto también en el área

191
00:16:43,060 --> 00:16:52,360
de contenidos de esta clase y a ver no me quiero ir sin mostrarles otras etiquetas que hay muchas pero

192
00:16:52,450 --> 00:16:55,150
jugando también con no abrumar.

193
00:16:55,240 --> 00:17:01,240
No quiero mostrarles demasiada información todavía con respecto a las etiquetas y los aliento por supuesto

194
00:17:01,510 --> 00:17:03,690
a profundizar si tienen ganas.

195
00:17:03,700 --> 00:17:10,970
Hay una etiqueta super importante que es Fórum mediante y esto es un formulario porque porque acá adentro

196
00:17:10,980 --> 00:17:18,780
voy a poder poner otra etiqueta como ésta imput escribí Im y ya me la está proponiendo a Tom.

197
00:17:18,820 --> 00:17:19,690
Bueno qué es.

198
00:17:20,050 --> 00:17:26,620
Le doy enter y ya se me armó la etiqueta imput por qué quería mostrarles esta etiqueta porque hay excepciones

199
00:17:26,800 --> 00:17:33,430
en cuanto al tema de que toda etiqueta tiene una apertura y un cierre una apertura como acá y un cierre

200
00:17:33,670 --> 00:17:43,420
hay excepciones por ejemplo form tiene apertura pero también tiene un cierre cierra acá abajo las etiquetas

201
00:17:43,510 --> 00:17:49,510
imput no tienen cierre son una excepción simplemente se ponen así imput.

202
00:17:49,870 --> 00:17:55,720
Cómo ven cada etiqueta tiene ciertas propiedades que yo puedo aceptar cuando sea el turno.

203
00:17:55,720 --> 00:17:58,300
Veremos de qué sirve para qué sirve cada una de ellas.

204
00:17:58,330 --> 00:18:02,880
No es para nada complejo pero les quiero mostrar qué es esto y para qué sirve.

205
00:18:03,360 --> 00:18:08,890
Miren desgrabar me vengo acá a la derecha y que apareció acá un casillero.

206
00:18:08,890 --> 00:18:14,890
Esto es el típico casillero que usamos para rellenar por ejemplo un formulario de contacto o donde más

207
00:18:14,890 --> 00:18:15,930
se usa esto.

208
00:18:15,960 --> 00:18:21,580
Mirá cómo dónde a dónde más yo entro a cualquier página como Facebook y con lo que me encuentro es con

209
00:18:22,330 --> 00:18:27,840
formularios para poner usuario y contraseña para registrarme.

210
00:18:28,960 --> 00:18:31,110
Y si no miren un clásico si voy a Google.

211
00:18:31,120 --> 00:18:35,860
Qué es esto que tengo acá y un imput de un formulario.

212
00:18:35,860 --> 00:18:38,910
Miren vamos a ver si esto es cierto o estoy inventando algo.

213
00:18:39,040 --> 00:18:49,870
Le doy click derecho acá hago inspeccionar si me va a abrir esta barra a la derecha que me va a permitir

214
00:18:49,960 --> 00:18:57,040
inspeccionar el código HTML con el que esté hecho esta página y miren lo que me marca imputen obviamente

215
00:18:57,070 --> 00:19:02,280
tiene un montón de características especiales porque es nada más y nada menos que un imput de Google.

216
00:19:02,530 --> 00:19:09,040
Pero en definitiva es un input bueno volvamos a nuestro ejemplo miren qué otras etiquetas dentro de

217
00:19:09,040 --> 00:19:15,410
un formulario puedo poner un botón porque medio sin botón no hacemos nada.

218
00:19:15,420 --> 00:19:18,470
Esta sí tiene de apertura y de cierre.

219
00:19:18,530 --> 00:19:21,640
Y acá entre medio proponer enviar.

220
00:19:21,760 --> 00:19:23,850
Miren lo que pasa acá al lado.

221
00:19:23,860 --> 00:19:26,300
Ya grabé actualizo.

222
00:19:26,410 --> 00:19:26,970
Listo.

223
00:19:26,980 --> 00:19:29,290
Esto es típico para ponerle una contraseña.

224
00:19:29,290 --> 00:19:31,180
Aprieto enviar y se envía.

225
00:19:31,800 --> 00:19:33,960
Bueno así se arman las páginas.

226
00:19:34,000 --> 00:19:39,170
Una etiqueta que también se suele usar es ésta.

227
00:19:39,400 --> 00:19:45,250
Be Here se le puedo ser así solita sin más nada sin cerrar o se puede usar la de cierre sola también.

228
00:19:45,420 --> 00:19:49,690
A mí me gusta usar esta miren para qué sirve.

229
00:19:49,790 --> 00:19:54,720
Con el masajista respondo cada una de estas etiquetas.

230
00:19:54,880 --> 00:19:57,450
Deja un salto de línea un espacio en blanco.

231
00:19:57,520 --> 00:20:06,930
Por eso miren cómo puse estas etiquetas entre el casillero y el botón mirais apareció acá una separación.

232
00:20:06,930 --> 00:20:13,450
Bueno creo que ya tenemos los conceptos básicos para empezar a trabajar con PHP apoyándonos en HTML

233
00:20:13,690 --> 00:20:23,320
pero les dejo un link de doble tres Skulls donde hay muchísima información ejemplos y es muy útil muy

234
00:20:23,320 --> 00:20:26,340
útil para tenerlo como fuente de consulta.

235
00:20:26,350 --> 00:20:27,910
Muchas gracias por la compañía.

236
00:20:27,910 --> 00:20:29,570
Nos vemos en la próxima clase.