1
00:00:00,110 --> 00:00:05,009
Hola a todos, en este vídeo vamos a ver cómo se encuentra estructurada una página web

2
00:00:05,009 --> 00:00:10,570
pero únicamente la parte del geal, es decir, qué son los elementos que vamos a introducir ahí

3
00:00:10,570 --> 00:00:14,669
y cómo funciona el etiquetado que va a aparecer dentro del body.

4
00:00:15,470 --> 00:00:20,670
Como sabéis, el lenguaje HTML se encuentra caracterizado porque todas,

5
00:00:21,370 --> 00:00:24,850
está compuesto de etiquetas, perdón, y todas y cada una de las etiquetas se abren

6
00:00:24,850 --> 00:00:28,649
tal y como aparece aquí y se cierran como aparece aquí,

7
00:00:28,649 --> 00:00:30,530
Es decir, se cierran con la barra delante.

8
00:00:30,989 --> 00:00:35,049
Y nosotros dentro insertamos el contenido que vamos a visualizar, por ejemplo, en nuestra página web.

9
00:00:35,649 --> 00:00:37,469
Es decir, lo que vamos a ver en el navegador.

10
00:00:38,030 --> 00:00:41,229
Es muy importante que todas y cada una de las etiquetas aparezcan cerradas.

11
00:00:41,829 --> 00:00:47,109
Lo que sí que es verdad es que hay etiquetas que funcionan de la siguiente forma.

12
00:00:47,549 --> 00:00:51,109
Es decir, aparece etiqueta, los atributos y los valores que queramos darle,

13
00:00:51,689 --> 00:00:54,770
y a continuación un espacio, barra y el símbolo del mayor.

14
00:00:55,369 --> 00:00:56,509
¿Qué pasa con estas etiquetas?

15
00:00:56,509 --> 00:00:58,049
Que son etiquetas especiales.

16
00:00:58,049 --> 00:01:08,349
Estas son etiquetas de apertura y cierre. Sin embargo, gracias a HTML5, la posibilidad de ahorrarnos esta barra es posible.

17
00:01:08,870 --> 00:01:15,489
Por tanto, nos está facilitando bastante código y muchos errores que antes se producían, porque a mucha gente se le olvidaba cerrarla.

18
00:01:17,590 --> 00:01:23,950
Dentro de nosotros, la etiqueta, podemos insertar tantos atributos con sus respectivos valores como queramos,

19
00:01:23,950 --> 00:01:33,090
siempre y cuando nosotros queramos modificar el contenido este, por ejemplo, especificándole que esté alineado en el centro, el contenido que visualicemos, etc.

20
00:01:33,950 --> 00:01:41,069
Debemos tener en cuenta que todos y cada uno de los atributos deberán especificarse en su valor entre comillas dobles.

21
00:01:41,069 --> 00:02:03,099
En HTML5 también, otro de los cambios que se han producido es que antiguamente nosotros si queríamos decir que una opción de un desplegable iba a estar marcada por defecto o va a ser la que va a estar marcada, especificábamos selected es igual a selected, es decir, esta opción de aquí.

22
00:02:03,099 --> 00:02:08,319
Sin embargo, hoy con HTML5, con únicamente indicarle Selective, no sirve.

23
00:02:08,580 --> 00:02:11,719
Ya sabe que esa va a ser la opción que está seleccionada por defecto.

24
00:02:11,780 --> 00:02:21,840
Si nosotros la cambiamos y marcamos otra opción, la opción 3, por ejemplo, opción 1, este atributo se le quitaría y pasaría a la opción 3 a estar Selective.

25
00:02:23,599 --> 00:02:30,180
Por tanto, la estructura de un documento, lo primero primero de todo que nosotros debemos especificar, es el Doctile.

26
00:02:30,180 --> 00:02:50,460
El Doctype en función de la versión del HTML que estemos utilizando será en HTML4 indicaremos si es Transitional o si es Strict y en HTML5 que es el que se utiliza hoy en día es Doctype, HTML o Doctype, ambos son válidos.

27
00:02:50,460 --> 00:03:20,439
¿Qué es lo que estamos consiguiendo con esto? Gracias a la nueva versión. Estamos consiguiendo que todo el chorro este que nosotros escribíamos antes, estamos intentando evitar errores. ¿Por qué? Porque si nos traspasaba alguna letra y escribíamos mal o a la hora de copiar no lo copiábamos bien entero y por tanto la posibilidad de escribir dos palabras en lugar de cuatro, cinco o ochenta como hay aquí, pues nos ayuda y nos facilita mucho el trabajo.

28
00:03:21,300 --> 00:03:28,520
La estructura, por tanto, de un documento es Doctype, HTML, la cabeza y el cuerpo.

29
00:03:29,180 --> 00:03:32,439
Vamos a ver en este vídeo qué contiene la cabeza.

30
00:03:32,860 --> 00:03:39,199
La cabeza contiene cuál es la codificación que tiene nuestra página web, en este caso es UTF-8.

31
00:03:39,979 --> 00:03:43,039
Una breve descripción de nuestra página web.

32
00:03:43,819 --> 00:03:47,960
A continuación, las palabras reservadas, es decir, si yo voy a buscar en navegador

33
00:03:47,960 --> 00:03:53,699
qué palabras están relacionadas con el contenido de mi página web.

34
00:03:53,879 --> 00:03:58,979
Entonces, a la hora de buscar, Google, por ejemplo, nos dirá, pues mira, tu página web se encuentra relacionada con esto.

35
00:04:00,120 --> 00:04:02,960
El autor, es decir, quién ha desarrollado la página web.

36
00:04:03,500 --> 00:04:10,080
Y luego, esta opción es si nosotros queremos que se vaya actualizando la página web, en este caso, cada 30 segundos.

37
00:04:10,580 --> 00:04:16,100
¿Cuándo usaremos eso? Por ejemplo, en páginas sobre deporte, en donde estamos retransmitiendo un partido

38
00:04:16,100 --> 00:04:18,480
y queremos que cada X tiempo se visualice.

39
00:04:18,980 --> 00:04:26,480
Por último, indicar que tenemos el title, que será lo que aparezca en la pestaña de nuestro navegador

40
00:04:26,480 --> 00:04:32,279
y aparecerá simplemente un nombrecito de que es nuestra página web.

41
00:04:33,720 --> 00:04:37,360
De forma que el resultado de nuestra página web será el siguiente,

42
00:04:38,019 --> 00:04:42,319
el head con los meta y el title y a continuación el body con el cuerpo.

43
00:04:42,319 --> 00:04:49,819
Esta obra está bajo la licencia de Creative Common con atribución no comercial y con parte de IWAD

44
00:04:49,819 --> 00:04:51,019
Muchas gracias