Saltar navegación

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

HTML Sintaxis - 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.

124 visualizaciones

Más información Transcripción

Descargar la transcripción

¿Cómo es la sintaxis de HTML? Pues la sintaxis de HTML está recogida justo en este documento que vimos antes, ¿de acuerdo? 00:00:01
En este documento. Y hago hincapié en que los navegadores se tragan casi todo, aunque esté mal escrito, 00:00:09
con lo cual es importante que nosotros hagamos validaciones de nuestro documento para ver que aquello está bien o mal escrito. 00:00:17
Entonces, bueno, aquí por ejemplo vemos que queremos poner 5 menor que 2. 00:00:24
Entonces sabemos ya por XML que esto significa les dan y que es el código menor 00:00:28
Pues deberíamos escribirlo así, nunca deberíamos escribirlo así, ¿de acuerdo? 00:00:33
Así no deberíamos escribirlo nunca 00:00:38
La realidad es que el navegador se lo traga también, pero no deberíamos así escribirlo jamás 00:00:39
Bueno, podemos escribir en mayúsculas o minúsculas 00:00:44
A pesar de que ahora, ya al cabo de los años, el HTML todo el mundo lo utiliza todo en minúsculas 00:00:47
Todo lo que se puede lo utiliza en minúsculas 00:00:53
Lo mismo pasa con las entidades numéricas 00:00:55
expresadas en hexadecimal 00:00:57
es decir, son letras o caracteres especiales 00:00:59
o cualquier letra de estas que se convierta en su código 00:01:02
en el cual decimos que está en hexadecimal 00:01:04
es de ahí la X 00:01:07
y su código de tres dígitos hexadecimales 00:01:08
¿de acuerdo? 00:01:12
entonces esta es la información 00:01:13
y voy a ver 00:01:15
no, no hay marco, quería verla pero no hay marco 00:01:17
entonces esta sería la información correspondiente 00:01:20
bueno, importante 00:01:22
pero como venimos de XML no tenemos problema 00:01:24
ya sabemos que las etiquetas no pueden empezar con un espacio 00:01:27
entonces efectivamente eso da error 00:01:29
y que cuando abrimos una etiqueta hay que cerrarla con la misma etiqueta 00:01:32
también lo sabemos 00:01:35
bien, otra vez volvemos a nuestro documento básico 00:01:37
y como podemos ir introduciendo toda la serie de información 00:01:42
aquí nos indica que se puede omitir html 00:01:46
yo les aconsejaría que no lo omitan jamás 00:01:48
otra de las cuestiones que ya sabemos 00:01:51
es que las etiquetas deben cerrarse dentro de otras 00:01:54
se tienen que anidar, no se pueden mezclar 00:01:58
miren aquí empieza Strong y aquí finaliza 00:02:01
mientras que ha empezado EM y aquí se ha continuado 00:02:03
debería estar de esta manera como está aquí indicado 00:02:07
¿de acuerdo? 00:02:11
¿qué va a hacer el navegador? 00:02:13
pues el navegador puede hacer con esto lo que quiera 00:02:14
puede interpretar que el Strong acaba aquí 00:02:16
o que EM acaba aquí 00:02:18
en este caso sería un tanto indiferente 00:02:20
Pero ya estamos en manos de lo que cada navegador, Google Chrome, Firefox, Opera o cualquier otro quieran decirnos. 00:02:22
Bueno, esto se permite, esto se permite, que haya elementos que no tengan etiqueta de cierre en algunos casos, pero yo no se los recomiendo, yo les recomiendo que siempre cierren cada etiqueta de las que se cierran. 00:02:32
también hr por ejemplo es una etiqueta que ya hemos visto que no se abre y se cierra 00:02:45
y se podría poner de esta manera igual que en xml 00:02:51
no tiene ningún interés ponerla así realmente 00:02:54
si nos ahorramos algo de teclear pues mejor 00:02:57
lo que no se puede de ninguna manera es poner esto aquí 00:03:00
eso no se puede de ninguna manera 00:03:03
bueno la etiqueta a es muy importante 00:03:05
a son los enlaces 00:03:09
entonces en este caso estamos diciendo o queremos decir 00:03:10
ya veremos que problema hay 00:03:13
Que un enlace está dentro de otro 00:03:15
Y eso no tiene sentido 00:03:19
Directamente no tiene sentido 00:03:21
Porque o estamos enlazando a esta dirección de aquí 00:03:22
O a esta de aquí 00:03:25
En este caso coinciden 00:03:26
Con lo cual esto no se puede contener un elemento dentro de otro 00:03:27
En eso ocurren varias etiquetas 00:03:31
En varios elementos 00:03:34
Como button, field, set, form, etc 00:03:35
Y en cuanto a los atributos 00:03:37
Pues igual que en xml 00:03:41
nosotros podemos tener dos valores en el mismo atributo 00:03:43
podríamos tenerlo 00:03:51
nunca podemos poner un atributo en el cierre de la etiqueta 00:03:53
está claro 00:03:57
no podemos repetir un atributo 00:03:58
class puede estar como aquí arriba 00:04:01
pero no puede estar primero con este valor y después con este 00:04:03
No podemos, yo aquí simplemente aunque esto se pueda hacer 00:04:07
Yo lo desaconsejo enormemente 00:04:13
Creo que siempre hay que ponerlo entre comillas 00:04:15
Si ponemos un atributo, ponemos comillas y cerramos comillas 00:04:17
Y lo que hay dentro sabemos que es de ese atributo 00:04:21
A pesar de que se pueda hacer 00:04:25
Como en este caso que estamos viendo aquí 00:04:27
Se puede hacer, pero da error 00:04:29
Fíjense aquí que cosa más rara quedaría 00:04:31
Quedaría como style igual a color dos puntos 00:04:33
espacio red, no tiene ningún sentido 00:04:36
¿de acuerdo? 00:04:38
estos espacios que hay aquí 00:04:42
no se tienen en cuenta 00:04:44
¿de acuerdo? pero bueno, tampoco 00:04:45
parece muy interesante 00:04:48
hacerlo, para mí parece más interesante dejarlo así 00:04:50
y es curioso 00:04:52
que aunque se admite, esta es la 00:04:54
versión normal 00:04:56
hace años, para poner 00:04:58
un atributo que siempre tuviera 00:05:00
su valor, pero sin embargo 00:05:02
a día de hoy se utiliza más simplemente 00:05:04
con este valor, ¿de acuerdo? 00:05:06
simplemente poner la etiqueta y si no hace falta 00:05:07
ponerle, si es fix el valor 00:05:09
o si es un default 00:05:11
mantener simplemente que esté puesta la etiqueta 00:05:13
¿de acuerdo? 00:05:16
a pesar de que todo lo demás sea válido 00:05:17
bueno, por supuesto 00:05:20
los identificadores tienen que ser únicos 00:05:22
no podemos repetir un identificador 00:05:24
en ningún caso, ¿vale? 00:05:25
todo eso da error, esto es una cuestión que 00:05:27
todos ya sabemos 00:05:30
y poco más 00:05:33
Gracias. 00:05:34
Idioma/s:
es
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Dominio público
Visualizaciones:
124
Fecha:
28 de diciembre de 2020 - 11:35
Visibilidad:
Público
Centro:
IES CLARA DEL REY
Duración:
05′ 37″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
33.30 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid