Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Introducción HTML5

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 24 de abril de 2018 por Rosa María M.

46 visualizaciones

Introducción a HTML5. El Head

Más información Transcripción

Descargar la transcripción

Hola a todos, en este vídeo vamos a ver cómo se encuentra estructurada una página web 00:00:00
pero únicamente la parte del geal, es decir, qué son los elementos que vamos a introducir ahí 00:00:05
y cómo funciona el etiquetado que va a aparecer dentro del body. 00:00:10
Como sabéis, el lenguaje HTML se encuentra caracterizado porque todas, 00:00:15
está compuesto de etiquetas, perdón, y todas y cada una de las etiquetas se abren 00:00:21
tal y como aparece aquí y se cierran como aparece aquí, 00:00:24
Es decir, se cierran con la barra delante. 00:00:28
Y nosotros dentro insertamos el contenido que vamos a visualizar, por ejemplo, en nuestra página web. 00:00:30
Es decir, lo que vamos a ver en el navegador. 00:00:35
Es muy importante que todas y cada una de las etiquetas aparezcan cerradas. 00:00:38
Lo que sí que es verdad es que hay etiquetas que funcionan de la siguiente forma. 00:00:41
Es decir, aparece etiqueta, los atributos y los valores que queramos darle, 00:00:47
y a continuación un espacio, barra y el símbolo del mayor. 00:00:51
¿Qué pasa con estas etiquetas? 00:00:55
Que son etiquetas especiales. 00:00:56
Estas son etiquetas de apertura y cierre. Sin embargo, gracias a HTML5, la posibilidad de ahorrarnos esta barra es posible. 00:00:58
Por tanto, nos está facilitando bastante código y muchos errores que antes se producían, porque a mucha gente se le olvidaba cerrarla. 00:01:08
Dentro de nosotros, la etiqueta, podemos insertar tantos atributos con sus respectivos valores como queramos, 00:01:17
siempre y cuando nosotros queramos modificar el contenido este, por ejemplo, especificándole que esté alineado en el centro, el contenido que visualicemos, etc. 00:01:23
Debemos tener en cuenta que todos y cada uno de los atributos deberán especificarse en su valor entre comillas dobles. 00:01:33
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í. 00:01:41
Sin embargo, hoy con HTML5, con únicamente indicarle Selective, no sirve. 00:02:03
Ya sabe que esa va a ser la opción que está seleccionada por defecto. 00:02:08
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. 00:02:11
Por tanto, la estructura de un documento, lo primero primero de todo que nosotros debemos especificar, es el Doctile. 00:02:23
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. 00:02:30
¿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. 00:02:50
La estructura, por tanto, de un documento es Doctype, HTML, la cabeza y el cuerpo. 00:03:21
Vamos a ver en este vídeo qué contiene la cabeza. 00:03:29
La cabeza contiene cuál es la codificación que tiene nuestra página web, en este caso es UTF-8. 00:03:32
Una breve descripción de nuestra página web. 00:03:39
A continuación, las palabras reservadas, es decir, si yo voy a buscar en navegador 00:03:43
qué palabras están relacionadas con el contenido de mi página web. 00:03:47
Entonces, a la hora de buscar, Google, por ejemplo, nos dirá, pues mira, tu página web se encuentra relacionada con esto. 00:03:53
El autor, es decir, quién ha desarrollado la página web. 00:04:00
Y luego, esta opción es si nosotros queremos que se vaya actualizando la página web, en este caso, cada 30 segundos. 00:04:03
¿Cuándo usaremos eso? Por ejemplo, en páginas sobre deporte, en donde estamos retransmitiendo un partido 00:04:10
y queremos que cada X tiempo se visualice. 00:04:16
Por último, indicar que tenemos el title, que será lo que aparezca en la pestaña de nuestro navegador 00:04:18
y aparecerá simplemente un nombrecito de que es nuestra página web. 00:04:26
De forma que el resultado de nuestra página web será el siguiente, 00:04:33
el head con los meta y el title y a continuación el body con el cuerpo. 00:04:38
Esta obra está bajo la licencia de Creative Common con atribución no comercial y con parte de IWAD 00:04:42
Muchas gracias 00:04:49
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Autor/es:
Rosa Medina
Subido por:
Rosa María M.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
46
Fecha:
24 de abril de 2018 - 16:24
Visibilidad:
Público
Centro:
IES VILLABLANCA
Duración:
04′ 52″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
12.16 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid