Saltar navegación

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

HTML Etiquetas - Contenido educativo

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 28 de diciembre de 2020 por Amadeo M.

125 visualizaciones

Más información Transcripción

Descargar la transcripción

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. 00:00:00
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. 00:00:14
y vamos a ver en qué categorías las hemos dividido 00:00:28
primero los elementos raíz 00:00:31
que realmente son HTML que siempre lleva aparejado su head y su body 00:00:34
después metadatos que deberían ir siempre dentro del head 00:00:41
y aparecen ya conocidos title, base 00:00:45
que nos va a decir una serie de referencias 00:00:51
de las cuales provenimos, en qué entorno de páginas estamos 00:00:53
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. 00:00:57
Las secciones. Ya veremos que antiguamente todas las secciones se dividían con la etiqueta div y con div hacíamos todas las secciones. 00:01:11
Realmente las secciones tienen más interés porque hay cosas que son artículos, secciones, etc. 00:01:18
Además hay secciones en un lateral, hay zonas de navegación, cabeceras, pies, y por eso aparecen todos estos bloques que vemos aquí. 00:01:23
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. 00:01:33
¿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. 00:01:53
dentro de los textos en línea 00:02:06
hay elementos como el salto de línea 00:02:09
información que tiene algún tipo de característica 00:02:12
spam, algo que está 00:02:15
enfatizado, que tiene énfasis 00:02:17
en, algo que 00:02:19
está fuerte, que se quiere poner fuerte 00:02:21
duro, strong, otras etiquetas 00:02:23
como small, pequeñitas 00:02:25
subrayados, ciudades, citas 00:02:27
etcétera, etcétera, que tenemos por aquí 00:02:29
y que pueden ser menos interesantes 00:02:31
otras que todavía se utilizan menos 00:02:33
Aunque nosotros, por ejemplo, code sí lo utilizamos para poner código de programas fuentes 00:02:35
O samps para ejemplos, ¿vale? 00:02:40
Pero que se utilizan bastante poco 00:02:42
Hay dos que, bueno, se utilizan algo más según en qué entornos 00:02:44
Que son del, que el navegador va a convertir en un tachado 00:02:49
En el cual algo que se borró 00:02:54
E ins, algo que se inserta nuevo, ¿de acuerdo? 00:02:57
Ya lo veremos 00:03:00
Y después contenidos incrustados 00:03:00
Dentro de una página, pues vamos a tener imágenes, está claro 00:03:02
que también lo podemos poner con picture 00:03:05
y ya lo veremos como 00:03:07
otros fuentes 00:03:09
otros frames 00:03:11
otros fotogramas como hemos puesto antes 00:03:14
otros marcos 00:03:16
elementos embebidos, objetos con sus parámetros 00:03:17
vídeos, audios 00:03:20
vistas, mapas 00:03:22
y áreas 00:03:24
son elementos incrustados dentro de nuestra página 00:03:25
por supuesto tenemos tablas 00:03:28
tablas que tienen 00:03:30
empiezan por tabla 00:03:32
van a tener sus filas, sus rows, sus filas 00:03:34
van a tener sus celdas de datos, sus celdas de cabecera 00:03:38
van a tener sus filas de cabecera, sus filas de cuerpo 00:03:42
sus filas de pie, etc, etc 00:03:46
ya veremos las tablas, son muy utilizadas 00:03:49
y que por favor, ya lo digo antes de continuar 00:03:52
no se deben utilizar nunca para formatear la visualización de la página 00:03:55
las tablas solo sirven para informar de información que sea de forma de tabla 00:04:00
nada más que para eso 00:04:08
los formularios que van a empezar siempre con for y que van a tener diversos elementos dentro 00:04:09
siendo lo más importante el input, ya veremos por qué 00:04:14
elementos interactivos, realmente muy pocos 00:04:18
excepto lo que realmente se puede hacer con javascript 00:04:22
existe details y summary y dialog 00:04:25
pero de ahí a luego al final van a necesitar siempre algo de javascript 00:04:27
con lo cual hay poco elemento interactivo 00:04:30
y bueno, los scripts que los meteremos con script para poder trabajar con ellos 00:04:34
ya pasamos posteriormente a ver cada una de estas categorías 00:04:39
Idioma/s:
es
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Dominio público
Visualizaciones:
125
Fecha:
28 de diciembre de 2020 - 14:23
Visibilidad:
Público
Centro:
IES CLARA DEL REY
Duración:
04′ 45″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
27.92 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid