Want to create interactive content? It’s easy in Genially!
Video 3d
EDINGER JOSE MONTERO RIQUETT
Created on July 12, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
html
HTML sirve para: • Definir la estructura y el significado de una página web • Incluir texto, imágenes, enlaces, videos y otros recursos multimedia • Crear páginas web estáticas • Incluir enlaces hacia otras páginas o documentos
HTML (HyperText Markup Language) es un lenguaje de marcación de hipertexto que se utiliza para estructurar y mostrar el contenido de una página web.
PAGINA WEB
Las etiquetas HTML se escriben entre corchetes angulares < > y suelen aparecer en pares, una de apertura y otra de cierre. Por ejemplo, la etiqueta <p> indica el inicio de un párrafo, mientras que </p> indica el final.
Las etiquetas HTML son códigos que se utilizan para marcar el texto de una página web y definir su contenido y estructura. Son los bloques fundamentales de HTML, o HyperText Markup Language, el lenguaje de marcado que define el contenido y la estructura de las páginas web.
html
El HTML se compone de etiquetas, que son fragmentos de texto rodeados por corchetes, que se delimitan con paréntesis angulares (“< >”). Cada etiqueta HTML comienza con un símbolo de menor que "<" y termina con un símbolo de mayor que ">".
ETIQUETAS
html
La estructura de un navegador web incluye: • La ventana del navegador, también conocida como interfaz de usuario • La barra de direcciones o de búsqueda • Opciones para ver el historial • Configuración La estructura básica de un archivo HTML se compone de las siguientes etiquetas: • <html>: Indica el inicio de la página • <head>: Contiene información descriptiva del sitio • <body>: Contiene todos los elementos visibles de la página
El código HTML se ejecuta en un navegador web. Para ver un archivo HTML en un navegador, se puede: 1. Localizar el archivo HTML en el ordenador 2. Hacer clic derecho en el archivo 3. Seleccionar la opción "Abrir con" 4. Seleccionar un navegador como Google Chrome, Microsoft Edge o Firefox También se puede ver el código HTML de una página web usando la opción "Ver código fuente" o "Ver fuente". Esta opción está disponible en la mayoría de los navegadores conocidos.
ESTRUCTURA
El maquetado en HTML es el proceso de transformar un diseño de página web en código HTML, CSS y JS para que los navegadores web puedan interpretarlo y reproducirlo en diferentes dispositivos. El maquetado web es parte del Front End Development y se caracteriza por: • Planificar, conceptuar y organizar el contenido de la página web • Mejorar la experiencia de usuario • Disponer de manera estética y funcional los elementos visuales y estructurales de la página web • Transformar el diseño gráfico en una interfaz funcional que entiendan los navegadores o dispositivos específicos Un tipo de maquetación web es la maquetación fluida o diseño responsive, que se adapta al tamaño de pantalla del dispositivo en el que se está visualizando el sitio web. El trabajo con HTML5 permite crear sitios web altamente eficientes tanto para los algoritmos de buscadores, gracias a las etiquetas, como para los usuarios, mediante el diseño visual de páginas web desarrollado con el lenguaje CSS. Por ejemplo, dibujo y animación usando lienzo, almacenamiento offline, microdatos, audio y video, arrastrar y soltar, geolocalización, fuentes incrustadas, API web, etc. HTML5 incluye nuevas etiquetas semánticas y algunas etiquetas antiguas (con redefinición).
html
MAQUETEADO Y HTML5
Algunas Reglas básica CSS:
CSS son las siglas de Cascading Style Sheets, que en español significa "Hojas de Estilo en Cascada". Es un lenguaje de programación que se usa para maquetar y estructurar páginas web. El CSS se basa en reglas que se aplican a los elementos HTML. Cada regla se abre con un selector que identifica el elemento HTML que se va a diseñar.