How omiras/ejemploshtmlcursofemxa works
Purpose
A static Spanish-language learning repository for introductory HTML, CSS, and JavaScript. It contains standalone browser pages and JavaScript source examples organized by topic; there is no application backend, package manifest, build pipeline, or test suite.
Primary Entry Points
• index.html is the likely top-level HTML landing/example page.
• Standalone HTML lessons can be opened directly in a browser, including adopcion.html, ejemplosFlexbox.html, and javascript-condicionales/resumen-condicionales.html.
• JavaScript lessons are individual executable scripts, intended for browser developer tools or inclusion from lesson pages, such as javascript-variables/variables1.js.
HTML and CSS Demonstration Layer
The root and CSS-focused pages demonstrate document structure and visual styling concepts:
• ejemploCSSattributo.html
• ejemplosSelecoresCSSAvanzados.html
• ejemplosTipografiaResponsive.html
CSS is locally authored and directly consumed by corresponding example pages rather than compiled or bundled:
• ejemplosCSSEspecificidad/estilos-greguerias.css
• ejemplosModeloCaja/ejemplos-box-mode.css
• ejemplosModeloCaja/index.html
The boundary is browser-native HTML/CSS rendering; pages are independent rather than parts of a shared UI framework.
Layout and Responsive CSS Lessons
Several pages isolate CSS layout mechanisms for direct visual comparison:
• ejemplosFlexbox.html
• ejemploFlexboxAlignContent.html
• ejemploPropiedadPosition.html
Box-model examples group HTML and CSS together under one directory:
• ejemplosModeloCaja/index.html
• ejemplosModeloCaja/index-backup.html
• ejemplosModeloCaja/ejemplos-box-mode.css
Backup files suggest lesson iteration, not a versioned runtime or deployment artifact.
JavaScript Fundamentals Modules
JavaScript is segmented by language concept, with each file serving as a self-contained instructional unit:
• Variables: javascript-variables/variables1.js, javascript-variables/variables-const.js
• Numbers: javascript-numbers/numbers-1.js
• Strings: strings/strings-1.js, strings/metodos-string.js
• Functions: javascript-funciones/funciones-basicas.js, javascript-funciones/funciones-return.js
Control flow continues in dedicated directories:
• javascript-condicionales/ejemplos-condicionales.js
• javascript-bucles/bucles-for.js
• javascript-bucles/bucle-while.js
The principal flow is learner/browser execution of a selected source file, producing values, branches, or output according to the topic.
Conditional and Form Interaction Examples
Conditional logic has both script-only and HTML-facing examples:
• javascript-condicionales/formulario-hispoteca.html
• javascript-condicionales/resumen-condicionales.html
• javascript-condicionales/mayor-edad.js
These files form the closest equivalent to interactive behavior: browser input or example state is evaluated through JavaScript conditionals. No server-side validation, persistence, API, or authentication boundary is present.
Error Demonstrations and Assets
Error lessons intentionally isolate invalid or missing JavaScript behavior:
• javascript-errores/error-reference.js
• javascript-errores/error-sintaxis.js
Local static assets are served directly by the browser:
• imagenes/gato.avif
• adopcion.html
There are no identified external services, databases, cloud infrastructure, runtime dependencies, or build/deployment requirements beyond a static file host or local browser access.
Main entry points: adopcion.html Adoption page · resumen-condicionales.html Conditional lesson pages · ejemploCSSattributo.html HTML/CSS examples · index.html Box-model lesson
Components 18
HTML & CSS lessons
Independent browser-rendered pages.
- Landing page
index.html - HTML/CSS examples · Structure, selectors, attributes, and responsive typography lessons.
ejemploCSSattributo.html - Specificity styles
ejemplosCSSEspecificidad/estilos-greguerias.css - Adoption page
adopcion.html - Cat image
imagenes/gato.avif
Layout lessons
Visual CSS layout comparisons.
- Box-model lesson
ejemplosModeloCaja/index.html - Box-model styles
ejemplosModeloCaja/ejemplos-box-mode.css - Flexbox examples · Includes alignment and layout comparisons.
ejemplosFlexbox.html - Position example
ejemploPropiedadPosition.html
JavaScript fundamentals
Self-contained executable concept scripts.
- Variables
javascript-variables/variables1.js - Numbers
javascript-numbers/numbers-1.js - Strings
strings/strings-1.js - Functions
javascript-funciones/funciones-basicas.js - Loops
javascript-bucles/bucles-for.js - Error demonstrations · Intentionally invalid or missing JavaScript behavior.
javascript-errores/error-reference.js
Conditionals & interaction
Browser-facing conditional examples.
- Conditional lesson pages · Browser-facing conditional summaries and form examples.
javascript-condicionales/resumen-condicionales.html - Conditional logic · Evaluates example state or browser input.
javascript-condicionales/mayor-edad.js
Other components
- Browser / static host · Directly opens and renders repository files.
Connections 18
- Browser / static host → Landing page: opens
- Browser / static host → HTML/CSS examples: renders
- Browser / static host → Box-model lesson: renders
- Browser / static host → Flexbox examples: renders
- Browser / static host → Position example: renders
- Browser / static host → Conditional lesson pages: opens
- Browser / static host → Variables: executes · Via developer tools or lesson inclusion.
- Browser / static host → Numbers: executes
- Browser / static host → Strings: executes
- Browser / static host → Functions: executes
- Browser / static host → Loops: executes
- Browser / static host → Conditional logic: executes
- Browser / static host → Error demonstrations: demonstrates errors
- Browser / static host → Adoption page: renders
- Specificity styles → HTML/CSS examples: styles
- Box-model styles → Box-model lesson: styles
- Conditional lesson pages → Conditional logic: uses · Form or example state is evaluated by conditional code.
- Adoption page → Cat image: loads