Conceptos Básicos de HTML

Presentation

CAPACITACION .NET

Investigacion de conceptos

Start

¿Qué es Internet?

Internet es una red global de redes de computadoras que utilizan un conjunto de protocolos de comunicación estándar llamados TCP/IP (Transmission Control Protocol/Internet Protocol) para conectar miles de millones de dispositivos en todo el mundo. Internet no es una entidad única, sino una infraestructura descentralizada que permite que diferentes redes se comuniquen entre sí. La historia de Internet comenzó en la década de 1960 con ARPANET, una red de computadoras creada por el Departamento de Defensa de EE. UU. para facilitar la comunicación entre sus investigadores. A lo largo de los años, Internet ha crecido exponencialmente, conectando a personas, organizaciones y gobiernos de todo el mundo. Entre los servicios más importantes que ofrece Internet están: -La World Wide Web (WWW) -Correo electrónico: A través de protocolos como POP3, IMAP, y SMTP. -Transmisión de video y audio: Streaming de plataformas como YouTube o Netflix. -Servicios en la nube: Como almacenamiento, software como servicio (SaaS), y otros. El Internet también permite el desarrollo de la economía digital, la comunicación en tiempo real (chat, videollamadas) y es la base de la Internet de las cosas (IoT), donde dispositivos no tradicionales (como electrodomésticos y sensores) se conectan entre sí.

¿Qué es una página Web?

Una página web es un documento que se publica en Internet y es accesible a través de un navegador web utilizando una URL. La mayoría de las páginas web están escritas utilizando HTML (para la estructura), CSS (para los estilos visuales) y JavaScript (para la interactividad). Las páginas web pueden ser estáticas o dinámicas: -Páginas web estáticas: Estas páginas no cambian a menos que se actualice el código fuente. Su contenido es fijo y se muestra igual para todos los usuarios. -Páginas web dinámicas: Generan contenido personalizado en función de la interacción del usuario o de la información almacenada en una base de datos. Ejemplos de esto son plataformas como Facebook, Amazon, o Wikipedia, donde el contenido mostrado cambia de acuerdo con las preferencias o acciones de cada usuario. Una página web puede incluir varios tipos de contenido, como: -Texto: Que puede estar estructurado en títulos, párrafos y listas. Imágenes: Formatos como JPEG, PNG, o SVG. Videos y otros medios interactivos: Videos embebidos de plataformas como YouTube o Vimeo. -Hipervínculos: Que permiten navegar a otras páginas o recursos dentro y fuera del sitio web

¿Qué son los navegadores?

Un navegador web es un software que permite a los usuarios acceder y visualizar documentos de hipertexto, imágenes y otros recursos almacenados en servidores web. El navegador interpreta el código HTML, CSS, JavaScript, y otros lenguajes de la web, para presentar el contenido en un formato comprensible para los usuarios. Además de simplemente mostrar páginas web, los navegadores permiten: Gestión de cookies y datos locales: Guardan pequeñas cantidades de información para mejorar la experiencia de usuario. Seguridad: Utilizan HTTPS y tecnologías como sandboxing para proteger a los usuarios de amenazas en línea. Extensiones y complementos: Añaden funcionalidades adicionales al navegador. Tres ejemplos de navegadores son: Google Chrome: Desarrollado por Google, es el navegador más utilizado. Se destaca por su velocidad, simplicidad y gran compatibilidad con las últimas tecnologías web. Mozilla Firefox: Un navegador de código abierto que se centra en la privacidad y el control del usuario sobre sus datos. Microsoft Edge: Basado en el motor Chromium (el mismo que usa Google Chrome), ha reemplazado al antiguo Internet Explorer y ofrece una mejor integración con los servicios de Microsoft. Otros navegadores incluyen Safari (para usuarios de Apple), Opera, y Brave, que se enfoca en la privacidad.

¿Qué leanguajes de programación se utilizan para crear páginas Web?

El desarrollo de sitios web implica tanto el frontend (lo que el usuario ve e interactúa) como el backend (lo que sucede detrás del servidor). Los lenguajes más comunes en ambos contextos son: Frontend (Cliente): HTML (HyperText Markup Language): Es el lenguaje de marcado utilizado para definir la estructura de una página web. Cada elemento (texto, imágenes, enlaces) se organiza mediante etiquetas. CSS (Cascading Style Sheets): Define el aspecto visual de la página, como colores, fuentes, disposición y formato. Permite crear sitios web responsivos, que se adaptan a diferentes tamaños de pantalla. JavaScript: Lenguaje de programación que permite agregar interactividad y dinamismo a la página. Se utiliza para validar formularios, crear animaciones y actualizar contenido en tiempo real sin necesidad de recargar la página. Backend (Servidor): PHP: Un lenguaje de scripts ampliamente utilizado en el lado del servidor, especialmente en la creación de contenido dinámico. Muchas plataformas de gestión de contenidos (CMS), como WordPress, utilizan PHP. Python: Utilizado en frameworks como Django y Flask para crear aplicaciones web seguras y escalables. Node.js: Permite ejecutar JavaScript en el lado del servidor. Se utiliza para crear aplicaciones rápidas y escalables, especialmente en entornos de tiempo real como chats. Ruby: Popular en el desarrollo de aplicaciones web gracias a su framework Ruby on Rails, que promueve el desarrollo ágil y estructurado. Otros lenguajes incluyen Java, C#, y Perl, aunque su uso ha disminuido en la web moderna.

¿Qué es un lenguaje de marcado?

Un lenguaje de marcado es un sistema para anotar un documento de manera que pueda ser distinguido del texto normal. Las anotaciones (marcas) proporcionan información adicional sobre la estructura o el formato de un documento. Los lenguajes de marcado son esenciales para crear la estructura de documentos como las páginas web, pero también se utilizan en otros contextos, como la gestión de datos y la documentación técnica. Ejemplos de lenguajes de marcado incluyen: HTML: Lenguaje de marcado que estructura las páginas web. XML (eXtensible Markup Language): Se utiliza para almacenar y transportar datos de manera estructurada. Markdown: Un lenguaje de marcado ligero que se usa principalmente en documentos de texto plano, como en GitHub y plataformas de blogs.

¿Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje estándar utilizado para estructurar contenido en la web. Fue inventado por Tim Berners-Lee en 1991 como un medio para compartir documentos científicos entre investigadores a través de enlaces (hipervínculos). HTML utiliza etiquetas para definir elementos estructurales en una página web, como títulos, párrafos, listas, enlaces, imágenes, y formularios. HTML5, la versión más reciente, agrega nuevas funcionalidades que antes requerían complementos externos, como: -Soporte nativo para multimedia (video y audio). -Gráficos y animaciones utilizando <canvas>. -LocalStorage: Almacenamiento de datos en el navegador. -Formularios mejorados con validación en el cliente.

. ¿Qué es la WWW?

La World Wide Web (WWW), también llamada simplemente "la web", es un sistema de documentos enlazados entre sí que pueden ser accedidos a través de Internet utilizando un navegador web. Fue inventada en 1989 por Tim Berners-Lee y se basa en tres tecnologías principales: -HTML: Para estructurar el contenido. -HTTP (Hypertext Transfer Protocol): Para la transmisión de datos entre clientes (navegadores) y servidores. -URLs (Uniform Resource Locators): Para identificar de forma única las ubicaciones de los recursos en la web. La WWW permite la creación de páginas interconectadas mediante hipervínculos, lo que facilita la navegación entre diferentes recursos y el acceso a información global. Aunque muchas veces se confunde, la web es solo una parte de Internet; otras partes incluyen correo electrónico, FTP, y aplicaciones de mensajería.

¿Qué es la URL?

Una URL (Uniform Resource Locator) es la dirección que identifica de manera única un recurso en Internet. La URL especifica la ubicación del recurso y el método para acceder a él. Está compuesta de varias partes: Protocolo: Indica el método de acceso (por ejemplo, HTTP o HTTPS). -Nombre del dominio: Es el nombre de la máquina o servidor que aloja el recurso (por ejemplo, www.ejemplo.com). -Ruta: La ubicación exacta del recurso dentro del servidor (por ejemplo, /carpeta/archivo.html). Una URL puede también incluir parámetros de consulta para pasar información adicional al servidor, como en una búsqueda (?query=ejemplo), o especificar un fragmento específico dentro de la página (#sección).

¿Qué es el HTTP?

HTTP (Hypertext Transfer Protocol) es el protocolo utilizado por la web para transferir archivos (generalmente documentos HTML) entre un cliente (navegador) y un servidor web. HTTP define las reglas para la transmisión de mensajes de solicitud y respuesta en la web: Cliente (navegador) envía una solicitud para acceder a un recurso (como una página web). Servidor responde con el contenido solicitado o un mensaje de error (por ejemplo, 404 si no se encuentra el recurso). HTTPS es una versión segura de HTTP que utiliza cifrado mediante SSL/TLS para proteger la información que se transfiere entre el cliente y el servidor.

¿Cómo ha eucionado HTML?

HTML ha pasado por una serie de versiones, cada una de las cuales ha mejorado y expandido las capacidades del lenguaje: -HTML 1.0 (1991): La versión original con funcionalidades básicas para enlazar documentos. -HTML 2.0 (1995): Estándar oficial con más capacidades, como formularios. -HTML 4.01 (1999): Amplió las capacidades con el soporte para tablas, frames y scripts. -XHTML (2000): Una versión más estricta basada en XML. -HTML5 (2014): Introdujo soporte para multimedia sin plugins, gráficos, APIs de almacenamiento local, y más funcionalidades para aplicaciones web modernas. HTML5 también es más amigable para dispositivos móviles y es considerado la base del desarrollo web moderno.

¿Qué son las etiquetas?

as etiquetas son elementos fundamentales en HTML y otros lenguajes de marcado. Cada etiqueta se coloca entre corchetes angulares (<>) y sirve para definir la estructura y el contenido de un documento web. Las etiquetas suelen venir en pares: Etiqueta de apertura: <p> para abrir un párrafo. Etiqueta de cierre: </p> para cerrar el párrafo. Algunas etiquetas comunes incluyen: <h1>, <h2>...<h6>: Encabezados de diferentes niveles. <p>: Párrafo de texto. <a>: Enlace a otra página o recurso. <img>: Imagen. Además, HTML5 introdujo etiquetas semánticas como <article>, <section>, <nav>, que ayudan a describir mejor la estructura y el propósito del contenido.

¿Qué es CSS?

CSS (Cascading Style Sheets) es el lenguaje utilizado para describir cómo debe presentarse el contenido estructurado por HTML. CSS permite separar el diseño y la presentación del contenido, lo que facilita tanto el mantenimiento como la actualización del sitio web. Las propiedades de CSS controlan el estilo visual de los elementos HTML, como: Colores: Texto, fondo, bordes, etc. Fuentes: Tipo de letra, tamaño, peso, estilo. Espaciado: Márgenes, rellenos, alineaciones. Disposición: Diseño de la página, incluyendo distribuciones responsivas. Una característica clave de CSS es que sigue el modelo de cascada, lo que significa que los estilos se aplican desde los más generales hasta los más específicos, permitiendo la herencia y el control granular del diseño.