HTML by Melissa Neira https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p Lo que necesitas saber de HTML en-us 2021-01-03 17:13:35 UTC 2023-07-26 17:50:57 UTC hello@padlet.com https://padlet.net/icons/png/1f4bb.png HTML neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050066587 HTML significa lenguaje de marcado de hipertexto, y le permite al usuario crear y estructurar secciones, párrafos, encabezados, enlaces y elementos de cita en bloque (blockquotes) para páginas web y aplicaciones.]]> 2021-01-03 17:14:00 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050066587 HISTORIA neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050206276 HTML fue inventado por Tim Berners-Lee, un físico del instituto de investigación CERN en Suiza. Se le ocurrió la idea de un sistema de hipertexto basado en Internet.
Publicó la primera versión de HTML en 1991, que constaba de 18 etiquetas HTML. Desde entonces, cada nueva versión del lenguaje HTML viene con nuevas etiquetas y atributos (modificadores de etiqueta) para el marcado.]]> 2021-01-03 19:31:12 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050206276 SU FUNCIÓN neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050214152 Los documentos HTML son archivos que terminan con una extensión .html o .htm. Puedes verlos usando cualquier navegador web (como Google Chrome, Safari o Mozilla Firefox). El navegador lee el archivo HTML y muestra su contenido para que los usuarios de Internet puedan verlo.]]> 2021-01-03 19:40:27 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050214152 ETIQUETAS neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050218682 Cada página HTML consta de un conjunto de etiquetas (también denominadas elementos), a las que te puedes referir como los componentes básicos de las páginas web. Crean una jerarquía que estructura el contenido en secciones, párrafos, encabezados y otros bloques de contenido.

La mayoría de los elementos HTML tienen una apertura y un cierre que utilizan la sintaxis <etiqueta> </etiqueta>.

]]> 2021-01-03 19:45:20 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050218682 ETIQUETAS DE BLOQUE neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050220557 Las tres etiquetas de nivel de bloque que todo documento HTML debe contener son <html>, <head> y <body>.

  1. La etiqueta <html> </html> es el elemento de más alto nivel que encierra a toda página HTML
  2. La etiqueta <head> </head> contiene información meta como el título y el conjunto de caracteres de la página.
  3. Finalmente, la etiqueta <body> </body> encierra todo el contenido que aparece en la página.
]]> 2021-01-03 19:47:39 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050220557 ETIQUETAS EN LÍNEA neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050223247 Muchas etiquetas en línea se utilizan para dar formato al texto. Por ejemplo, una etiqueta   representaría un elemento en negrita, mientras que las etiquetas   lo mostrarían en cursiva.

Los hipervínculos también son elementos en línea que requieren etiquetas   y atributos href para indicar el destino del enlace:

  1. <a href="https://ejemplo.com/">¡Clic aquí!</a>
]]> 2021-01-03 19:50:41 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050223247 AGREGAR IMAGEN neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050246813 Las imágenes son elementos en línea también. Puedes agregar una usando <img> sin ninguna etiqueta de cierre. Pero también necesitarás usar el  atributo src para especificar la ruta de la imagen, por ejemplo:

  1. <img src="/imagenes/ejemplo.jpg" alt="Imagen de ejemplo">
]]> 2021-01-03 20:21:24 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050246813 VENTAJAS neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050254547
  • Un lenguaje ampliamente utilizado con muchos recursos y una gran comunidad.
  • Se ejecuta de forma nativa en todos los navegadores web.
  • Viene con una curva de aprendizaje plana.
  • Es de código abierto y completamente gratis.
  • Marcado limpio y consistente.
  • Los estándares web oficiales son mantenidos por el World Wide Web Consortium (W3C).
  • Fácilmente integrable con lenguajes de backend como PHP y Node.js.

    • ]]>     2021-01-03 20:31:37 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050254547     DESVENTAJAS neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050254943
  • Se utiliza principalmente para páginas web estáticas. Para obtener funcionalidad dinámica, es posible que necesites usar JavaScript o un lenguaje de backend como PHP.
  • No le permite al usuario implementar la lógica. Como resultado, todas las páginas web deben crearse por separado, incluso si utilizan los mismos elementos, por ejemplo, encabezados y pies de página.
  • Algunos navegadores adoptan las nuevas características lentamente.
  • El comportamiento del navegador a veces es difícil de predecir (por ejemplo, los navegadores más antiguos no siempre muestran las etiquetas más recientes).

    • ]]>     2021-01-03 20:32:10 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050254943     Relación CSS y JavaScript neiramelissa2 https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050258944 HTML funciona extremadamente bien con otros dos lenguajes de front-end: CSS y JavaScript. Juntos, pueden crear una rica experiencia de usuario e implementar funciones avanzadas.

    • CSS es el responsable de los estilos, como el fondo, los colores, los diseños, el espaciado y las animaciones.
    • JavaScript te permite agregar una funcionalidad dinámica como controles deslizantes, ventanas emergentes y galerías de fotos.
    ]]>     2021-01-03 20:36:45 UTC https://padlet.com/neiramelissa2/c8k0e5o3dovgn10p/wish/1050258944