{ "cells": [ { "cell_type": "markdown", "metadata": {}, "source": [ "HTML para notebooks\n", "===\n", "\n", "* *60 min* | Última modificación: Junio 22, 2019." ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Introducción\n", "\n", "* El formato de un libro de Jupyter se realiza usando Markdown. \n", "\n", "\n", "* La sintaxis explicada en este documento se aplica a los documentos creados en RStudio usando RMarkdown. \n", "\n", "\n", "* Haga click [aquí](https://daringfireball.net/projects/markdown/basics) para acceder a una guía de markdown y [aquí](http://jupyter-notebook.readthedocs.org/en/latest/examples/Notebook/rstversions/Working%20With%20Markdown%20Cells.html) a la documentación oficial sobre markdown en Jupyter. \n", "\n", "\n", "* IPython tiene opciones para visualizar salidas en latex y html (entre otros). Haga click [aquí](https://github.com/ipython/ipython-in-depth/blob/1905adca735c567884c5db8c1b6295b0e1d7a218/examples/IPython%20Kernel/Rich%20Output.ipynb) para acceder a un tutorial. \n", "\n", "\n", "* Los libros de Jupyter pueden visualizarse de forma estática en la web usando [nbviewer](http://nbviewer.jupyter.org)\n", "\n", "\n", "* Un tutorial completo sobre HTML se encuentra en [w3Schools](http://www.w3schools.com)\n", "\n" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Parágrafos, encabezados y citas" ] }, { "cell_type": "code", "execution_count": 1, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n", "

Encabezado de primer nivel

\n", "\n", "

Encabezado de primer nivel

\n", "\n", "

Encabezado de segundo nivel

\n", "\n", "

Encabezado de tercer nivel

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "\n", "

Encabezado de primer nivel

\n", "\n", "

Encabezado de primer nivel

\n", "\n", "

Encabezado de segundo nivel

\n", "\n", "

Encabezado de tercer nivel

" ] }, { "cell_type": "code", "execution_count": 2, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano.

\n", "\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "\n", "
Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano.\n", "
\n", "\n", "
\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano.\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano.

\n", "\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "\n", "
Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano.\n", "
\n", "\n", "
\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano.\n", "
\n" ] }, { "cell_type": "code", "execution_count": 3, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Texto en rojo

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Texto en rojo

" ] }, { "cell_type": "code", "execution_count": 4, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

tooltip <--\">\n", "Parrafo con tooltip.\n", "

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

tooltip <--\">\n", "Parrafo con tooltip.\n", "

" ] }, { "cell_type": "code", "execution_count": 5, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n",
       "texto de ancho fijo\n",
       "texto de ancho fijo\n",
       "texto de ancho fijo\n",
       "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n",
    "texto de ancho fijo\n",
    "texto de ancho fijo\n",
    "texto de ancho fijo\n",
    "
" ] }, { "cell_type": "code", "execution_count": 6, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "

" ] }, { "cell_type": "code", "execution_count": 7, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "

" ] }, { "cell_type": "code", "execution_count": 8, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

\n", "Markdown es un lenguaje de marcado ligero creado por John Gruber que \n", "trata de conseguir la máxima legibilidad y facilidad de publicación \n", "tanto en sus forma de entrada como de salida, inspirándose en \n", "muchas convenciones existentes para marcar mensajes de correo \n", "electrónico usando texto plano. \n", "

" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Enfasis" ] }, { "cell_type": "code", "execution_count": 9, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Algunas de estas palabras son enfatizadas.

\n", "\n", "

Algunas de estas palabras son enfatizadas.

\n", "\n", "

Algunas de estas palabras también son enfatizadas.

\n", "\n", "

Use dos asteriscos para énfasis fuerte.

\n", "\n", "

O si lo prefiere dos guiones bajos.

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Algunas de estas palabras son enfatizadas.

\n", "\n", "

Algunas de estas palabras son enfatizadas.

\n", "\n", "

Algunas de estas palabras también son enfatizadas.

\n", "\n", "

Use dos asteriscos para énfasis fuerte.

\n", "\n", "

O si lo prefiere dos guiones bajos.

" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Listas sin numeración" ] }, { "cell_type": "code", "execution_count": 10, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
    \n", "
  • Uno
    • \n", "
  • Dos
    • \n", "
  • Tres
    • \n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
    \n", "
  • Uno
    • \n", "
  • Dos
    • \n", "
  • Tres
    • \n", "
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Listas enumeradas" ] }, { "cell_type": "code", "execution_count": 11, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
    \n", "
  1. Uno
    2. \n", "
  2. Dos
    3. \n", "
  3. Tres
    4. \n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
    \n", "
  1. Uno
    2. \n", "
  2. Dos
    3. \n", "
  3. Tres
    4. \n", "
" ] }, { "cell_type": "code", "execution_count": 12, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
    \n", "

  1. Uno

    texto texto texto

    2. \n", "

  2. Dos

    texto texto texto

    3. \n", "

  3. Tres

    texto texto texto

    4. \n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
    \n", "

  1. Uno

    texto texto texto

    2. \n", "

  2. Dos

    texto texto texto

    3. \n", "

  3. Tres

    texto texto texto

    4. \n", "
" ] }, { "cell_type": "code", "execution_count": 13, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
    \n", "
  1. Uno
    2. \n", "
  2. Dos
    3. \n", "
  3. Tres
    4. \n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
    \n", "
  1. Uno
    2. \n", "
  2. Dos
    3. \n", "
  3. Tres
    4. \n", "
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Listas tipo diccionario" ] }, { "cell_type": "code", "execution_count": 14, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "
Coffee
\n", "
Black hot drink
\n", "
Milk
\n", "
White cold drink
\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n", "
Coffee
\n", "
Black hot drink
\n", "
Milk
\n", "
White cold drink
\n", "
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Vínculos" ] }, { "cell_type": "code", "execution_count": 15, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Este es un vínculo a GOOGLE.

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Este es un vínculo a GOOGLE.

" ] }, { "cell_type": "code", "execution_count": 16, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "" ] }, { "cell_type": "code", "execution_count": 17, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "" ] }, { "cell_type": "code", "execution_count": 18, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

The WHO was founded in 1948.

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

The WHO was founded in 1948.

" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Vínculos tipo referencia " ] }, { "cell_type": "code", "execution_count": 19, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Estos son vinculos referenciados a Continuum Analytics y Python Software Fundation.

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Estos son vinculos referenciados a Continuum Analytics y Python Software Fundation.

" ] }, { "cell_type": "code", "execution_count": 20, "metadata": {}, "outputs": [ { "data": { "text/html": [ "Written by Jon Doe.\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "Written by Jon Doe." ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Imágenes" ] }, { "cell_type": "code", "execution_count": 21, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\"assets/img_avatar1.png\" \n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "\"assets/img_avatar1.png\" " ] }, { "cell_type": "code", "execution_count": 22, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\"alt\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "\"alt" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Código fuente y salida de programas" ] }, { "cell_type": "code", "execution_count": 23, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Se pueden crear bloques de código:

\n", "\n", "\n", " # agregar cuatro espacios al principio de linea\n", " for (i = 1; i < 5; i++)\n", " {\n", " printf('%d', i)\n", " }\n", "\n", "\n", "O se puede colocar código en linea cat out.1 out.2.\n", "\n", "Sample output from a computer program\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Se pueden crear bloques de código:

\n", "\n", "\n", " # agregar cuatro espacios al principio de linea\n", " for (i = 1; i < 5; i++)\n", " {\n", " printf('%d', i)\n", " }\n", "\n", "\n", "O se puede colocar código en linea cat out.1 out.2.\n", "\n", "Sample output from a computer program" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Tablas" ] }, { "cell_type": "code", "execution_count": 24, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n", "\n", " \n", " \n", " \n", "\n", "\n", " \n", " \n", " \n", "\n", "
January This is an open dialog windowFebruaryMarch
312831
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "\n", "\n", " \n", " \n", " \n", "\n", "\n", " \n", " \n", " \n", "\n", "
January This is an open dialog windowFebruaryMarch
312831
" ] }, { "cell_type": "code", "execution_count": 25, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", "
ISBNTitlePrice
3476896My first HTML$53
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "\n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", "
ISBNTitlePrice
3476896My first HTML$53
" ] }, { "cell_type": "code", "execution_count": 26, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", "
Monthly savings
MonthSavings
January$100
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "\n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", "
Monthly savings
MonthSavings
January$100
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Lineas horizontales" ] }, { "cell_type": "code", "execution_count": 27, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n", "
\n", "\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n", "\n", "
\n", "\n", "
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Alineación del Texto" ] }, { "cell_type": "code", "execution_count": 28, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
Texto centrado
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
Texto centrado
" ] }, { "cell_type": "code", "execution_count": 29, "metadata": {}, "outputs": [ { "data": { "text/html": [ "Texto a la izquierda\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "Texto a la izquierda" ] }, { "cell_type": "code", "execution_count": 30, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
Texto alineado a la derecha.
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
Texto alineado a la derecha.
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Líneas en blanco" ] }, { "cell_type": "code", "execution_count": 31, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "
\n", "texto\n", "
\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n", "
\n", "texto\n", "
\n", "
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Tamaño del texto" ] }, { "cell_type": "code", "execution_count": 32, "metadata": {}, "outputs": [ { "data": { "text/html": [ " texto pequeño\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", " texto pequeño" ] }, { "cell_type": "code", "execution_count": 33, "metadata": {}, "outputs": [ { "data": { "text/html": [ " BIG \n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", " BIG " ] }, { "cell_type": "code", "execution_count": 34, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

TextoTexto TextoTexto

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

TextoTexto TextoTexto

" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Comentarios" ] }, { "cell_type": "code", "execution_count": 35, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Efectos sobre el texto" ] }, { "cell_type": "code", "execution_count": 36, "metadata": {}, "outputs": [ { "data": { "text/html": [ "texto XXX\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "texto XXX" ] }, { "cell_type": "code", "execution_count": 37, "metadata": {}, "outputs": [ { "data": { "text/html": [ "texto XXX \n", "texto XXX\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "texto XXX \n", "texto XXX" ] }, { "cell_type": "code", "execution_count": 38, "metadata": {}, "outputs": [ { "data": { "text/html": [ "Texto resaltado \n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "Texto resaltado " ] }, { "cell_type": "code", "execution_count": 39, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Texto de color azul.

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Texto de color azul.

" ] }, { "cell_type": "code", "execution_count": 40, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Texto en italica.

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Texto en italica.

" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Cajas" ] }, { "cell_type": "code", "execution_count": 41, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "Caja con borde punteado\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n", "Caja con borde punteado\n", "
" ] }, { "cell_type": "code", "execution_count": 42, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "Caja con borde punteado verde\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n", "Caja con borde punteado verde\n", "
" ] }, { "cell_type": "code", "execution_count": 43, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "Caja con borde doble\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n", "Caja con borde doble\n", "
" ] }, { "cell_type": "code", "execution_count": 44, "metadata": {}, "outputs": [ { "data": { "text/html": [ "

Hola mundo cruel

\n", "

Hola mundo cruel

\n", "

Hola mundo cruel

\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "

Hola mundo cruel

\n", "

Hola mundo cruel

\n", "

Hola mundo cruel

" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Teclado" ] }, { "cell_type": "code", "execution_count": 45, "metadata": {}, "outputs": [ { "data": { "text/html": [ "Keyboard input\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "Keyboard input" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Controles " ] }, { "cell_type": "code", "execution_count": 46, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "" ] }, { "cell_type": "code", "execution_count": 47, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "" ] }, { "cell_type": "code", "execution_count": 48, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "" ] }, { "cell_type": "code", "execution_count": 49, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
0\n", " 100\n", " +\n", " =\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
0\n", " 100\n", " +\n", " =\n", "
" ] }, { "cell_type": "code", "execution_count": 50, "metadata": {}, "outputs": [ { "data": { "text/html": [ "\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "" ] }, { "cell_type": "code", "execution_count": 51, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", " Copyright 2016-2018.\n", "

- by Juan David Velásquez. All Rights Reserved.

\n", "

All content and graphics on this web site are the property of the author.

\n", "
\n" ], "text/plain": [ "" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "%%html\n", "
\n", " Copyright 2016-2018.\n", "

- by Juan David Velásquez. All Rights Reserved.

\n", "

All content and graphics on this web site are the property of the author.

\n", "
" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "## Símbolos" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "Haga click [Aquí](https://www.w3schools.com/charsets/ref_utf_symbols.asp)." ] } ], "metadata": { "kernel_info": { "name": "python3" }, "kernelspec": { "display_name": "Python 3", "language": "python", "name": "python3" }, "language_info": { "codemirror_mode": { "name": "ipython", "version": 3 }, "file_extension": ".py", "mimetype": "text/x-python", "name": "python", "nbconvert_exporter": "python", "pygments_lexer": "ipython3", "version": "3.6.9" }, "nteract": { "version": "0.7.1" } }, "nbformat": 4, "nbformat_minor": 4 }