1
00:00:00,750 --> 00:00:13,630
Bueno, hasta ahora hemos estado hablando sobre las páginas web o las páginas HTML, pero no hemos hecho todavía un recorrido por las etiquetas que podemos utilizar.

2
00:00:14,970 --> 00:00:28,829
Aquí las hemos categorizado para hacernos una idea mejor de qué sirve cada una. Son muchísimas, algunas muy utilizadas y algunas muy poco utilizadas, con lo cual vamos a ir viendo las más importantes.

3
00:00:28,829 --> 00:00:31,570
y vamos a ver en qué categorías las hemos dividido

4
00:00:31,570 --> 00:00:34,689
primero los elementos raíz

5
00:00:34,689 --> 00:00:41,710
que realmente son HTML que siempre lleva aparejado su head y su body

6
00:00:41,710 --> 00:00:45,950
después metadatos que deberían ir siempre dentro del head

7
00:00:45,950 --> 00:00:51,429
y aparecen ya conocidos title, base

8
00:00:51,429 --> 00:00:53,390
que nos va a decir una serie de referencias

9
00:00:53,390 --> 00:00:57,210
de las cuales provenimos, en qué entorno de páginas estamos

10
00:00:57,210 --> 00:01:09,890
o dónde queremos que salten nuestros enlaces, link para enlazar las hojas de diversos tipos, meta para describir la página, style para definir estilos, etc.

11
00:01:11,010 --> 00:01:18,030
Las secciones. Ya veremos que antiguamente todas las secciones se dividían con la etiqueta div y con div hacíamos todas las secciones.

12
00:01:18,650 --> 00:01:23,549
Realmente las secciones tienen más interés porque hay cosas que son artículos, secciones, etc.

13
00:01:23,549 --> 00:01:32,629
Además hay secciones en un lateral, hay zonas de navegación, cabeceras, pies, y por eso aparecen todos estos bloques que vemos aquí.

14
00:01:33,469 --> 00:01:53,530
Bloques de contenido. El bloque de contenido que más simple que hay, que ya hemos utilizado, es la P de párrafo. Pero existen más, como la línea, esta que dibujamos, el preformateo, bloques que están entrecomillados o citas, figuras de diversos tipos, el ya conocido div o main como algo principal, y tipos de listas.

15
00:01:53,549 --> 00:02:06,609
¿De acuerdo? Listas ordenadas, OL, listas desordenadas, OL, o listas de definición, de definiciones, como estas de aquí, que tienen sus componentes dentro, que son estos de aquí respectivamente.

16
00:02:06,609 --> 00:02:09,550
dentro de los textos en línea

17
00:02:09,550 --> 00:02:11,490
hay elementos como el salto de línea

18
00:02:11,490 --> 00:02:12,050
VR

19
00:02:12,050 --> 00:02:15,669
información que tiene algún tipo de característica

20
00:02:15,669 --> 00:02:17,370
spam, algo que está

21
00:02:17,370 --> 00:02:19,650
enfatizado, que tiene énfasis

22
00:02:19,650 --> 00:02:21,610
en, algo que

23
00:02:21,610 --> 00:02:23,449
está fuerte, que se quiere poner fuerte

24
00:02:23,449 --> 00:02:25,650
duro, strong, otras etiquetas

25
00:02:25,650 --> 00:02:27,389
como small, pequeñitas

26
00:02:27,389 --> 00:02:29,710
subrayados, ciudades, citas

27
00:02:29,710 --> 00:02:31,490
etcétera, etcétera, que tenemos por aquí

28
00:02:31,490 --> 00:02:33,389
y que pueden ser menos interesantes

29
00:02:33,389 --> 00:02:35,810
otras que todavía se utilizan menos

30
00:02:35,810 --> 00:02:40,590
Aunque nosotros, por ejemplo, code sí lo utilizamos para poner código de programas fuentes

31
00:02:40,590 --> 00:02:42,770
O samps para ejemplos, ¿vale?

32
00:02:42,870 --> 00:02:44,409
Pero que se utilizan bastante poco

33
00:02:44,409 --> 00:02:49,990
Hay dos que, bueno, se utilizan algo más según en qué entornos

34
00:02:49,990 --> 00:02:54,830
Que son del, que el navegador va a convertir en un tachado

35
00:02:54,830 --> 00:02:57,250
En el cual algo que se borró

36
00:02:57,250 --> 00:02:59,870
E ins, algo que se inserta nuevo, ¿de acuerdo?

37
00:03:00,009 --> 00:03:00,689
Ya lo veremos

38
00:03:00,689 --> 00:03:02,610
Y después contenidos incrustados

39
00:03:02,610 --> 00:03:05,710
Dentro de una página, pues vamos a tener imágenes, está claro

40
00:03:05,710 --> 00:03:07,990
que también lo podemos poner con picture

41
00:03:07,990 --> 00:03:09,069
y ya lo veremos como

42
00:03:09,069 --> 00:03:11,509
otros fuentes

43
00:03:11,509 --> 00:03:14,289
otros frames

44
00:03:14,289 --> 00:03:16,509
otros fotogramas como hemos puesto antes

45
00:03:16,509 --> 00:03:17,370
otros marcos

46
00:03:17,370 --> 00:03:20,930
elementos embebidos, objetos con sus parámetros

47
00:03:20,930 --> 00:03:22,930
vídeos, audios

48
00:03:22,930 --> 00:03:24,729
vistas, mapas

49
00:03:24,729 --> 00:03:25,569
y áreas

50
00:03:25,569 --> 00:03:28,990
son elementos incrustados dentro de nuestra página

51
00:03:28,990 --> 00:03:30,969
por supuesto tenemos tablas

52
00:03:30,969 --> 00:03:32,169
tablas que tienen

53
00:03:32,169 --> 00:03:34,409
empiezan por tabla

54
00:03:34,409 --> 00:03:38,990
van a tener sus filas, sus rows, sus filas

55
00:03:38,990 --> 00:03:42,710
van a tener sus celdas de datos, sus celdas de cabecera

56
00:03:42,710 --> 00:03:46,789
van a tener sus filas de cabecera, sus filas de cuerpo

57
00:03:46,789 --> 00:03:49,750
sus filas de pie, etc, etc

58
00:03:49,750 --> 00:03:52,110
ya veremos las tablas, son muy utilizadas

59
00:03:52,110 --> 00:03:55,310
y que por favor, ya lo digo antes de continuar

60
00:03:55,310 --> 00:04:00,030
no se deben utilizar nunca para formatear la visualización de la página

61
00:04:00,030 --> 00:04:08,069
las tablas solo sirven para informar de información que sea de forma de tabla

62
00:04:08,069 --> 00:04:09,229
nada más que para eso

63
00:04:09,229 --> 00:04:14,870
los formularios que van a empezar siempre con for y que van a tener diversos elementos dentro

64
00:04:14,870 --> 00:04:18,730
siendo lo más importante el input, ya veremos por qué

65
00:04:18,730 --> 00:04:22,949
elementos interactivos, realmente muy pocos

66
00:04:22,949 --> 00:04:25,230
excepto lo que realmente se puede hacer con javascript

67
00:04:25,230 --> 00:04:27,949
existe details y summary y dialog

68
00:04:27,949 --> 00:04:30,649
pero de ahí a luego al final van a necesitar siempre algo de javascript

69
00:04:30,649 --> 00:04:34,009
con lo cual hay poco elemento interactivo

70
00:04:34,009 --> 00:04:39,730
y bueno, los scripts que los meteremos con script para poder trabajar con ellos

71
00:04:39,730 --> 00:04:44,250
ya pasamos posteriormente a ver cada una de estas categorías