Q: Que es HTML y por que se usa
Que: HTML HyperText Markup Language es un lenguaje de marcas para crear y estructurar paginas web en internet.
Por que: Se utiliza para mostrar texto, imagenes, enlaces y contenido multimedia, proporcionando la estructura de un sitio web.
Q: Diferencia entre HTML y HTML5
HTML: Version anterior para estructurar paginas, sin soporte nativo de audio video canvas, usa doctype largo y solo cookies para almacenamiento.
HTML5: Version moderna con soporte de audio, video, canvas, SVG y APIs, doctype simple <!DOCTYPE html>, almacenamiento local y de sesion, mas amigable con moviles.
Q: Cual es el proposito de <!DOCTYPE html>
Indica al navegador la version de HTML y fuerza el renderizado en modo estandar para evitar comportamientos antiguos.
Q: Diferencia entre <head> y <body>
Proposito: <head> contiene metainformacion de la pagina y <body> contiene el contenido visible.
Contenido: <head> alberga titulo, meta, enlaces a CSS y scripts; <body> muestra texto, imagenes, videos, enlaces, botones y formularios.
Visualizacion: <head> no se ve, <body> es lo que el usuario ve.
Q: Que son las etiquetas semanticas
Son etiquetas que describen de forma clara el significado del contenido para navegadores, desarrolladores y herramientas de accesibilidad.
Ejemplos: <header> <nav> <main> <section> <article> <aside> <footer>
Simple: Etiquetas semanticas describen el contenido de la pagina, por ejemplo <article> o <nav>.
Q: Diferencia entre elementos inline y de bloque
Visualizacion: Inline fluye dentro de una linea; bloque comienza en una linea nueva y ocupa todo el ancho disponible.
Tamano: Inline no permite ancho y alto; bloque si permite definir width y height.
Ejemplos: Inline <span> <a> <strong>. Bloque <div> <p> <h1>.
Simple: Inline se mantiene en la misma linea, bloque inicia una linea nueva y puede tener dimensiones.
Q: Diferencia entre <div> y <span>
Tipo: <div> es de bloque; <span> es inline.
Uso: <div> agrupa secciones de contenido; <span> sirve para dar estilo o marcar pequeños fragmentos de texto o contenido.
Comportamiento: <div> inicia linea nueva y se expande a lo ancho; <span> se mantiene en linea.
Simple: <div> agrupa bloques y <span> estiliza texto en linea.
Q: Que son los atributos HTML
Son pares nombre=valor que aportan informacion adicional a los elementos.
Ejemplos: id class src href alt
Simple: Los atributos dan detalles extra, por ejemplo id class src.
Q: Diferencia entre <ol> <ul> y <dl>
Proposito: <ol> crea listas numeradas, <ul> listas con viñetas, <dl> listas de terminos y definiciones.
Marcado: <ol> usa 1 2 3, <ul> usa viñetas, <dl> combina <dt> termino y <dd> definicion.
Simple: <ol> numerada, <ul> con viñetas, <dl> para definiciones.
Q: Diferencia entre URL absoluta y relativa en la etiqueta <a>
Absoluta: Direccion completa que incluye el dominio. Ejemplo <a href=https://example.com/pagina.html>Enlace</a>.
Relativa: Ruta basada en la ubicacion actual. Ejemplo <a href=pagina.html>Enlace</a>.
Uso: Absoluta para otros sitios; relativa para vinculos dentro del mismo sitio.
Simple: Absoluta es direccion completa, relativa es ruta desde la pagina actual.
Q: Que son las etiquetas autocontenidas o autocierre
Son elementos que no requieren etiqueta de cierre porque no envuelven contenido.
Ejemplos: img br hr input meta
En Q2BSTUDIO ayudamos a empresas a crear aplicaciones a medida y software a medida con estandares modernos de la web, asegurando rendimiento, accesibilidad y SEO desde la base del marcado HTML5. Nuestro equipo integra mejores practicas de arquitectura frontend con backends escalables y automatizacion de procesos, incorporando inteligencia artificial e ia para empresas mediante agentes IA y modelos avanzados. Tambien ofrecemos ciberseguridad y pentesting, servicios cloud AWS y Azure, asi como servicios inteligencia de negocio con power bi para convertir datos en decisiones.
Si necesitas llevar tu producto digital al siguiente nivel, descubre nuestro servicio de desarrollo de software a medida y aplicaciones a medida, desde prototipos hasta plataformas multiplataforma listas para escalar.