Cronología HTML by Jesús CM https://padlet.com/jmgp305020/74ubr5a7tyxz82ti Hecho por el Jesús Cruz Moreno y el Santiago García Durán en-us 2022-06-23 16:10:11 UTC 2022-06-23 16:25:44 UTC hello@padlet.com <body> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229022502
Indica la parte del cuerpo del contenido de un documento HTML. Es una etiqueta esencial para cualquier documento ya que indica donde empieza el contenido visible del documento.

]]> 2022-06-23 16:15:39 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229022502 <head> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229022719 La parte superior del documento HTML, es donde podremos indicar los metadatos: título del documento, hojas de estilos, javaScript, CSS, etc. ]]> 2022-06-23 16:16:03 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229022719 <a> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229024889 Es una etiqueta que nos ayuda a poder crear un enlace a una página web. El atributo principal de la etiqueta HTML es href, donde pondremos el enlace al que queremos conectar. Otro atributo muy usado es target, el cual nos sirve para indicar si el enlace se abrirá en una nueva ventana o en la misma.]]> 2022-06-23 16:19:39 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229024889 <strong> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229025356 Si hay mucho texto, es importante poder dar énfasis a una parte en concreto, con la etiqueta strong lo podemos hacer.]]> 2022-06-23 16:20:17 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229025356 <br> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229025617 Con esta etiqueta HTML le podemos decir al navegador que viene un salto de línea. Nos sirve para hacer el texto más leíble.]]> 2022-06-23 16:20:40 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229025617 <H1> ... <H6> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229026311 Hay diferentes niveles de títulos, del 1 al 6. Las etiquetas <H + número> nos permiten indicar la importancia del título y para estructurar el contenido, de esta forma ayudamos a los bots a entender la importancia del contenido.]]> 2022-06-23 16:21:48 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229026311 <IMG> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229026957 Usamos la etiqueta IMG para mostrar imágenes dentro del contenido. Necesita el atributo src para funcionar, ya que será donde indicaremos desde donde tiene que mostrar la imagen.]]> 2022-06-23 16:23:00 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229026957 <OL> <li></li> <OL> | <UL> <li></li> <UL> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229027251 Las etiquetas OL y LI nos sirven para crear listas, OL para listas ordenadas y UL para listas sin orden. Dentro de las listas, los elementos se identifican con la etiqueta LI.

Ejemplo HTML:

<ul>

<li>Primer elemento</li>

<li>Segundo elemento</li>

<ul>

]]> 2022-06-23 16:23:26 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229027251 <P> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229027352 Etiqueta que nos sirve para agrupar texto dentro de un parágrafo. El propósito es poder hacer el contenido más fácil de leer y organizado.]]> 2022-06-23 16:23:36 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229027352 <SPAN> jmgp305020 https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229027535 Con la etiqueta podemos personalizar el estilo de solamente una parte del texto.

Ejemplo HTML:

Solo <span style=”color: red;”>esta palabra</span> en rojo.

Ventajas y desventajas del HTML

]]> 2022-06-23 16:23:55 UTC https://padlet.com/jmgp305020/74ubr5a7tyxz82ti/wish/2229027535