Ejemplos simples de HTML5

HTML5

HTML and CSS Basics (apuntes)

HTML examples (tutorialrepublic)

HTML and CSS Basics Learn to Code HTML & CSS (libro)

Ejemplos de figure

Macaque in the trees
A cheeky macaque, Lower Kintaganban River, Borneo. Original by Richard Clark

figure con múltiple imágenes

Kooaburra Pelican stood on the beach Cheeky looking Rainbow Lorikeet
Australian Birds. From left to right, Kookburra, Pelican and Rainbow Lorikeet. Originals by Richard Clark

Etiquetas varias

Primera línea
Segunda línea
Tercera línea


Encabezado principal

Encabezado secundario

Encabezado de tercer nivel

Texto en negrita
Texto en cursiva
Texto subrayado

  1. Primer elemento ordenado
  2. Segundo elemento ordenado

NombreApellido
PedroCorcuera

NombreApellidos
PedroCorcuera Miró Quesada

Ejemplo details - summary

How to beat the boss...spoiler alert !

Just aim to the red spots near his eyes

Keep shooting at these spots until the eyes open, then hit quickly both eyes with your laser beam.

Ejemplo mark

Project is due in .zip format next monday.

Ejemplo meter

<meter value=75 min=0 max=100 low=20 high=80></meter>

Grades: 75%

Ejemplos de símbolos especiales en español á, é, í, ó, ú, ü, ñ

Ir a Google


Formularios

Nombre:

Apellido:




Seleccione una opción
A
B
C


Seleccione opciones
A
B
C


Elija su Sistema Operativo:

Sin label


Ir al inicio de la página

Información personal

Nombre:

Apellido:

Información académica

Universidad:




Ejemplos Javascript

Cálculo de grados Fahrenheit a partir de temperatura Celsius

Introducir los siguientes datos:

Grados Celsius


Resultado:


Cálculo del IMC

Introducir los siguientes datos:

Estatura en cm.

Peso en Kg.


Resultado:


Interpolación Lagrange

En análisis numérico, el polinomio de Lagrange, es una forma de presentar el polinomio que interpola un conjunto de puntos dado. Para calcular la interpolación polinómica en la forma de Lagrange se usa la siguiente fórmula:

\begin{align} (x_{0}, y_{0}), ..., (x_{k}, y_{k}) \end{align} \begin{align} L(x) = \sum_{j=0}^{k} y_{j}l_{j}(x) \end{align} \begin{align} l_{j}(x) = \prod_{i = 0, i\neq j}^{k} \frac{x - x_{i}}{x_{j} - x_{i}} = \frac{x - x_{0}}{x_{j} - x_{0}}... \frac{x - x_{j-1}}{x_{j} - x_{j-1}} \frac{x - x_{j+1}}{x_{j} - x_{j+1}} ... \frac{x - x_{k}}{x_{j} - x_{k}} \end{align}

Para introducir las coordenadas separar por un espacio en blanco

Introduce coordenadas x:

Introduce coordenadas y:

Introduce valor a interpolar:

Resultado:

Número deficiente, abundante, o perfecto

Para los siguientes números: 6, 8, 18, 28, 945, 8128

Factorial

Cálculo del factorial de un número de forma recursiva:

Escribir o seleccionar número:

Resultado:


Ejemplo IMC con slider (range y output)

Ejemplo de interpolación Lagrange y gráfica

Ejemplos de teoría de números

Examples of Game development MDN



Ejemplos multimedia

Audio

Videos

Video tag

Fuentes desde Onedrive

atributos que pueden agregarse en las etiquetas audio y video: controls autoplay

You tube con autoplay


Ejemplos Canvas, Google chart y Geolocalización

Canvas

Your browser does not support the canvas tag.

Animación

Animación de un balón que rebota en el suelo:

Péndulo caótico

Péndulo Caótico

Amplitud = 0.50

El péndulo oscila bajo la influencia de:

  • la gravedad,
  • un par de amortiguación lineal y
  • un par de accionamiento periódico
con una amplitud ajustable. Con el slider se puede ajustar diferentes valores de la amplitud.

Como sugieren Giordano y Nakanishi, la constante de amortiguación es 0.5 y la frecuencia angular del par motor es 2/3, en unidades naturales donde g/L = 1.


Google Chart


Gauge

Fluid Dynamics Simulation

HTML5 Canvas Tutorials

Ejemplos Canvas de libros sobre animación

Ejemplos MathJax: MathJax (local)
MathJax (CDN)
Feynman Lectures

Inverse kinematics

Google Maps

Geolocalización (Edificios de la CN Sta. María de Garoña

Ejemplos en ingeniería