Esta página web fue creada con el propósito principal de registrar los ejemplos y ejercicios que realicé en el
transcurso de mi proceso de aprendizaje de HTML y CSS. Posteriormente, quise darle un toque más útil, por lo
tanto, creé una biblioteca a la cual pueda volver y repasar. Además, si por azar de la vida puede servirle a
otra persona.
Nota: al ser un proyecto principalmente personal, está lleno de nostalgia y, por lo tanto,
tiene los mínimos cambios posibles; es decir, traté de no modificar nada y mantener todo lo más fiel posible a
cuando los hice por primera vez. Por tanto, el contenido puede carecer de buenas prácticas y tal vez contener
errores. Para obtener información más fidedigna, revise la documentación de MDN(Mozilla Developer's
Network).
El elemento HTML a (o elemento de anclaje), con su atributo href, crea un hipervínculo a páginas
web, archivos, direcciones de correo electrónico, ubicaciones en la misma página, o cualquier otra cosa que una
URL pueda direccionar.
Primer Enlace a otra pagina usando target="_blank", donde pruebo una font usando la API de google
<!DOCTYPE html>
<html>
<head>
<title>Enlace</title>
</head>
<body>
<p>Primer Enlace a otra pagina usando target="_blank", donde pruebo una font usando la API de google</p>
<a href="index1.html" title="Hola pipi" target="_blank">Ir a otra página</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Enlace a Metadatos en HTML</title>
</head>
<body>
<p>Enlace a una pagina y metadatos sobre esta; También JavaScript sin ningún contexto.</p>
<p><a href="index2.html" title="Hola papi" target="_blank">Ir a otra página mas ejemplos (metadatos)</a></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Enlace ejemplo</title>
</head>
<body>
<p>Enlace a una pagina donde se puede agregar items a una lista si haces clic y seguramente primer CSS. </p>
<p><a href="index3.html" title="Hola papi" target="_blank">Ir a otra página mas ejemplos (metadatos)</a></p>
</body>
</html>
El elemento HTML nav representa una sección de una página cuyo propósito es proporcionar enlaces
de navegación, ya sea dentro del documento actual o hacia otros documentos. Ejemplos comunes de secciones de
navegación son menús, tablas de contenido e índices.
Enlace a una pagina donde el primer navegador esta enlazado a otras paginas.
<!DOCTYPE html>
<html>
<head>
<title>Menu de navegación</title>
</head>
<body>
<p>Enlace a una pagina donde el primer navegador esta enlazado a otras paginas.</p>
<p><a href="indexm.html" title="Menu" target="_blank">Ejemplo de menú de navegación</a></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Enlace concreto</title>
</head>
<body>
<p>Enlace a una Reseta y segundo enlace a una parte concreta de la misma pagina usando id</p>
<p><a href="reseta.html" title="receta UwU" target="_blank">Ir a receta</a></p>
<p>¿Quieres saber qué comprar para la receta? <a href="reseta.html#ingre"
title="Ingredientes receta UwU" target="_blank">Ingredientes de receta</a></p>
</body>
</html>
En las obras dramáticas, corresponde a cuando un personaje se habla a sí
mismo para representar sus pensamientos o sentimientos internos y, en el
proceso, transmitirlos a la audiencia (pero no a otros personajes).
Monólogo
En las obras dramáticas, corresponde a cuando un personaje habla de sus
pensamientos en voz alta para compartirlos con el público y cualquier otro
personaje presente.
aparte
En las obras dramáticas, corresponde a cuando un personaje comparte un
comentario solo con la audiencia para dar efecto cómico o dramático. Suele
ser un sentimiento, un pensamiento o información adicional.
Si la obra es impresa, es una sección de contenido que se relaciona con el
tema, pero no encaja directamente en el flujo principal de contenido, de
modo que se presenta por separado (a menudo en una caja de texto en el
margen).
Citas
A continuación se muestra una cita en bloque independiente...
El elemento HTML <blockquote> (o
elemento HTML de cita en bloque independiente) indica que el texto
al que delimita es una cita ampliada.
El elemento de cita — <q> — se
utiliza en para citas breves que no
requieren
saltos de párrafo.
No importa qué tan lento vayas siempre que no te detengas.
También me encanta el concepto de pensamiento positivo y La ne
cesidad de eliminar el diálogo interno negativo (como se menciona en
Afirmaciones para el pensamiento positivo).
Abreviatura
Usamos HTML para
estructurar nuestros documentos web.
Creo que el Rev. Green lo hizo en la cocina con
la motosierra.
Marcar la información de contacto
Chris Mills, Manchester, The Grim North, Reino Unido
Multimedia y la incrustación de contenido son elementos clave en el desarrollo de páginas web, ya que permiten
enriquecer la experiencia del usuario al incluir diferentes tipos de contenido, como imágenes, videos, audio y
otros
medios interactivos.
En HTML, existen diferentes elementos y atributos para trabajar con multimedia y la incrustación de contenido.
Algunos de los elementos más comunes son:
<img>:
Este elemento se utiliza para insertar imágenes en una página web. Permite especificar la ruta de la
imagen y
proporcionar atributos como el tamaño, el texto alternativo y el estilo.
Exposición de un T-Rex en el museo de la Universidad de Manchester.
<video>:
Con este elemento se puede insertar y reproducir videos en la página web. Se pueden especificar diferentes
formatos
de video compatibles y controlar la reproducción con controles como reproducción, pausa, avance y
retroceso.
<audio>:
Similar al elemento de video, <audio> permite incrustar y reproducir archivos de audio
en la
página web. También se pueden proporcionar controles para controlar la reproducción del audio.
<iframe>:
Este elemento se utiliza para incrustar contenido de otras fuentes, como videos de YouTube, mapas de
Google o
contenido de redes sociales. Permite insertar una ventana en la página web que muestra contenido externo.
Además de estos elementos, HTML también ofrece atributos y propiedades adicionales para personalizar y
controlar
el
comportamiento de los elementos multimedia, como el tamaño, la reproducción automática, la repetición y la
personalización de los controles.
La capacidad de integrar y mostrar multimedia en una página web es esencial para crear experiencias
interactivas
y atractivas para los usuarios. Con el uso adecuado de estos elementos y atributos, se puede lograr una
presentación
visualmente atractiva y una experiencia multimedia enriquecedora para los visitantes de la página web.
Video
Video con diferentes formatos
Dependiendo del lo que soporte el navegador puede ser .webm ó .mp4
Otras características de la etiqueta <video> (poster)
Visualización de pistas de texto en vídeo
El elemento <audio>
Iframes
Iframe de carta
Nota: Para mejorar la velocidad, es una buena idea establecer el atributo src de iframes con JavaScript después
de
que se cargue el contenido principal. Esto hace que tu página pueda utilizarse antes y disminuye el tiempo de
carga
de tu página principal (an important SEO.)
