UskoKruM /
cssgrid-flexbox-ejemplo-practico
Ejemplo práctico del uso de CSS Grid y Flexbox en una página web simple, ubicando y alineando elementos.
Active repository
CSSNo license
⑂ 3 forks◯ 0 issuesUpdated Apr 20, 2026
Loading repository data…
Loading repository data…
linuxblack / repository
Ejemplo simple de geolocalizacion con html5
ejemplo simple de geolocalizacion con html5
Selected from shared topics, language and repository description—not editorial ratings.
UskoKruM /
Ejemplo práctico del uso de CSS Grid y Flexbox en una página web simple, ubicando y alineando elementos.
EduMMorenolp /
Este proyecto es un ejemplo simple de un sistema de inicio de sesión desarrollado utilizando el framework Flask de Python para el backend y AJAX para la interacción asíncrona con el servidor desde el frontend.
josepaul1986 /
Este es un ejemplo basico de html5 y css.
BryanWebProgrammer /
"Un proyecto simple para aprender a crear una página web utilizando HTML y CSS.""Guía paso a paso para principiantes en desarrollo web.""Ejemplo práctico de construcción de sitio web estático.""Proyecto educativo para entender los fundamentos de HTML y CSS."
kreye /
<div class="container py-5"> <h1 class="h2">¿Qué es HTML?</h1> <a class="btn btn-primary" href="index.html1.html" rel="noopener noreferrer" target="_blank"> Ejemplo de formulario HTML-------> <a class="btn btn-primary" href="index.html" rel="noopener noreferrer" target="_blank"> DAR CLICK PARA VER PROYECTO----------> <div Empecemos a hablar ahora de las diferentes partes del código de una página en HTML. Lo primero es la estructura básica de un documento HTML. Hay variantes en cuyos matices no quiero entrar por no dispersarnos, pero para mantener las cosas simples, te recomiendo usar siempre esta plantilla: <!DOCTYPE HTML> <html lang="es"> </title> <meta charset="UTF-8"> <meta name="description" content="Descripción de la página…"> </head> </div </html> <h1> Estructura básica de un documento HTML</h1> <p> </p> <p> Elegir un buen editor para crear páginas HTML Ahora que ya hemos visto la teoría básica y un pequeño ejemplo concreto, es hora de ponerse manos a la obra. Para ello, lo que necesitas ahora es un editor. Puedes editar HTML en cualquier editor, incluso en el Notepad de Windows, si me apuras, puesto que, como has podido ver, el código HTML es simple texto. Sin embargo, no es lo conveniente. Te conviene usar un editor HTML especializado. Así que veamos cuáles hay y cuál de ellos puede ser una buena opción para ti. <span class="text-danger">♥</span></p> </div> <!doctype html> <html lang="en"> <head> <img src="IMAGEN.1.jpg" class="col-form-label"" alt="..."> </title> </head> <!DOCTYPE html> <html lang="es"> <head> <h1 class="displa y-1"> Creando un contenido para tu página web</h1> <div <body> <IMG SRC="msTKl.png" ALIGN=LEFT WIDTH=500 HEIGHT=400 > </body> <> <h1> ¿Cual es la función del html y css? <div Antes de meternos a lleno quiero asegurarme que entiendas bien cual es la función del html y css. No te voy a aburrir con ninguna de esas definiciones tediosas que solo expertos entienden. Básicamente quiero que entiendas que el html es un lenguaje de marcado con el cual le das la estructura a una pagina web. Mientras que el css es un lenguaje de estilo que define la presentación de un documento html. </h1> <body background="FONDO.jpg"></body> <div <body background="FONDO.jpg" bgcolor="FFCE"> <p> Esto se puede hacer de una manera más purista en modo texto trabajado directamente con el código HTML, o bien, de una manera más visual y amigable con un editor HTML especializado, muy parecido a cómo se trabaja también en un editor como Microsoft Word, por ejemplo. A partir de aquí, el proceso (que iré desglosando y será lo que aprenderás a lo largo del post) sería: Aprender el principio fundamental de HTML: crear documentos estructurados con etiquetas. Elegir el mejor editor para tu caso concreto. la estructura básica de tu página HTML: la cabecera y el cuerpo. Crear el contenido y aplicarle formato con las etiquetas HTML: títulos, párrafos de texto, enlaces, imágenes, tablas, audio y vídeo embebido, etc. Si los necesitas, integrar también los elementos interactivos (formularios). Implementar, en su caso, en el servidor la lógica para responder a los formularios. Publicar (hacer visible) la página en Internet o en local. </p> <style> a { color: rgba(58, 2, 39, 0.767) ; } /* CSS link color */ </style> </head> <body> <A HREF="Aprende_lenguaje_html.jpg" ISMAP></A> </body> <br> <body> <a href="http://example.com/" style="color:#0a0106;"> <IMG SRC="IMAGEN/SCC.png" USEMAP="#nombre1"> </a> </body> <div class="border border-success p-2 mb-2"> DOCTYPE HTML: Es la etiqueta que define que el documento es HTM</div> <div class="border border-success p-2 mb-2 border-opacity-75"> HTML: Es la principal etiqueta de una página HTML;</div> <div class="border border-success p-2 mb-2 border-opacity-50"> HEAD: Es la etiqueta que abre el bloque de información sobre la web;</div> <div class="border border-success p-2 mb-2 border-opacity-25"> TITLE: Acá, escribimos el título genial que daremos a la página web. Ese que aparece en el borde de la ventana del navegador.</div> <br> <body> <img src="Aprende_lenguaje_html.jpg" class="col-form-label"" alt="..."> <div> <body> <video autoplay controls src="y2mate.com - 1 Crear una página Web con Visual Studio Code_1080p.mp4"> </video> <div <br <div class="col-8"> CREA TU PÁGINA CON ESTILO </div class="card-body"> <body> <body> <a href="http://example.com/" style="color:rgb(2, 20, 10);"> <a href="https://chat.whatsapp.com/GzWc1FDWtuq6dfPzblTwlg">Envíanos un mensaje de WhatsApp</a> </body> <p>GRACIAS POR SU ATECIÓN! <span class="text-danger">♥</span></p>
kreye /
<div class="container py-5"> <h1 class="h2">¿Qué es HTML?</h1> <a class="btn btn-primary" href="index.html1.html" rel="noopener noreferrer" target="_blank"> Ejemplo de formulario HTML-------> <a class="btn btn-primary" href="index.html" rel="noopener noreferrer" target="_blank"> DAR CLICK PARA VER PROYECTO----------> <div Empecemos a hablar ahora de las diferentes partes del código de una página en HTML. Lo primero es la estructura básica de un documento HTML. Hay variantes en cuyos matices no quiero entrar por no dispersarnos, pero para mantener las cosas simples, te recomiendo usar siempre esta plantilla: <!DOCTYPE HTML> <html lang="es"> </title> <meta charset="UTF-8"> <meta name="description" content="Descripción de la página…"> </head> </div </html> <h1> Estructura básica de un documento HTML</h1> <p> </p> <p> Elegir un buen editor para crear páginas HTML Ahora que ya hemos visto la teoría básica y un pequeño ejemplo concreto, es hora de ponerse manos a la obra. Para ello, lo que necesitas ahora es un editor. Puedes editar HTML en cualquier editor, incluso en el Notepad de Windows, si me apuras, puesto que, como has podido ver, el código HTML es simple texto. Sin embargo, no es lo conveniente. Te conviene usar un editor HTML especializado. Así que veamos cuáles hay y cuál de ellos puede ser una buena opción para ti. <span class="text-danger">♥</span></p> </div> <!doctype html> <html lang="en"> <head> <img src="IMAGEN.1.jpg" class="col-form-label"" alt="..."> </title> </head> <!DOCTYPE html> <html lang="es"> <head> <h1 class="displa y-1"> Creando un contenido para tu página web</h1> <div <body> <IMG SRC="msTKl.png" ALIGN=LEFT WIDTH=500 HEIGHT=400 > </body> <> <h1> ¿Cual es la función del html y css? <div Antes de meternos a lleno quiero asegurarme que entiendas bien cual es la función del html y css. No te voy a aburrir con ninguna de esas definiciones tediosas que solo expertos entienden. Básicamente quiero que entiendas que el html es un lenguaje de marcado con el cual le das la estructura a una pagina web. Mientras que el css es un lenguaje de estilo que define la presentación de un documento html. </h1> <body background="FONDO.jpg"></body> <div <body background="FONDO.jpg" bgcolor="FFCE"> <p> Esto se puede hacer de una manera más purista en modo texto trabajado directamente con el código HTML, o bien, de una manera más visual y amigable con un editor HTML especializado, muy parecido a cómo se trabaja también en un editor como Microsoft Word, por ejemplo. A partir de aquí, el proceso (que iré desglosando y será lo que aprenderás a lo largo del post) sería: Aprender el principio fundamental de HTML: crear documentos estructurados con etiquetas. Elegir el mejor editor para tu caso concreto. la estructura básica de tu página HTML: la cabecera y el cuerpo. Crear el contenido y aplicarle formato con las etiquetas HTML: títulos, párrafos de texto, enlaces, imágenes, tablas, audio y vídeo embebido, etc. Si los necesitas, integrar también los elementos interactivos (formularios). Implementar, en su caso, en el servidor la lógica para responder a los formularios. Publicar (hacer visible) la página en Internet o en local. </p> <style> a { color: rgba(58, 2, 39, 0.767) ; } /* CSS link color */ </style> </head> <body> <A HREF="Aprende_lenguaje_html.jpg" ISMAP></A> </body> <br> <body> <a href="http://example.com/" style="color:#0a0106;"> <IMG SRC="IMAGEN/SCC.png" USEMAP="#nombre1"> </a> </body> <div class="border border-success p-2 mb-2"> DOCTYPE HTML: Es la etiqueta que define que el documento es HTM</div> <div class="border border-success p-2 mb-2 border-opacity-75"> HTML: Es la principal etiqueta de una página HTML;</div> <div class="border border-success p-2 mb-2 border-opacity-50"> HEAD: Es la etiqueta que abre el bloque de información sobre la web;</div> <div class="border border-success p-2 mb-2 border-opacity-25"> TITLE: Acá, escribimos el título genial que daremos a la página web. Ese que aparece en el borde de la ventana del navegador.</div> <br> <body> <img src="Aprende_lenguaje_html.jpg" class="col-form-label"" alt="..."> <div> <body> <video autoplay controls src="y2mate.com - 1 Crear una página Web con Visual Studio Code_1080p.mp4"> </video> <div <br <div class="col-8"> CREA TU PÁGINA CON ESTILO </div class="card-body"> <body> <body> <a href="http://example.com/" style="color:rgb(2, 20, 10);"> <a href="https://chat.whatsapp.com/GzWc1FDWtuq6dfPzblTwlg">Envíanos un mensaje de WhatsApp</a> </body> <p>GRACIAS POR SU ATECIÓN! <span class="text-danger">♥</span></p>