\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{semagarcia}
\pdfinfo{
  /Title (html5-standard-cheatsheet-espanol.pdf)
  /Creator (Cheatography)
  /Author (semagarcia)
  /Subject (HTML5 Standard cheatsheet (español) Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{2159A3}
\definecolor{LightBackground}{HTML}{F1F4F9}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{HTML5 Standard cheatsheet (español) Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{semagarcia} via \textcolor{DarkBackground}{\uline{cheatography.com/139274/cs/29426/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}semagarcia \\
  \uline{cheatography.com/semagarcia} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 14th October, 2021.\\
   Updated 14th October, 2021.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{3}

\begin{tabularx}{5.377cm}{p{0.4977 cm} x{4.4793 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Estructura básica}}  \tn
% Row 0
\SetRowColor{LightBackground}
HTML & `\textless{}!DOCTYPE html\textgreater{}\{\{nl\}\}\textless{}html\textgreater{}\{\{nl\}\}~~\textless{}head\textgreater{}...\textless{}/head\textgreater{}\{\{nl\}\}~~\textless{}body\textgreater{}...\textless{}/body\textgreater{}\{\{nl\}\}\textless{}/html\textgreater{}` \tn 
% Row Count 4 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{La etiqueta `\textless{}html\textgreater{}` representa la raíz de un documento HTML ({\emph{HyperText Markup Language}}). Se recomienda que también se indique el {\emph{doctype}} del documento.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Comentarios}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{`\textless{}!-{}- Comentario HTML -{}-\textgreater{}`} \tn 
% Row Count 1 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.69218 cm} x{3.28482 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{HEAD (cabecera)}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{nobreak\}\}`\textless{}base\textgreater{}` & Base utilizada para URls relativas\{\{nl\}\}`\textless{}base href="..."\textgreater{}` \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{nobreak\}\}`\textless{}link\textgreater{}` & Especifica otros recursos relacionados con el documento, como hojas de estilo\{\{nl\}\}`\textless{}link href="..." rel="..."\textgreater{}` \tn 
% Row Count 8 (+ 5)
% Row 2
\SetRowColor{LightBackground}
\{\{nobreak\}\}`\textless{}meta\textgreater{}` & Metadatos adicionales para el navegador\{\{nl\}\}`\textless{}meta charset="utf-8" name="Sema"\textgreater{}`\{\{nl\}\}`\textless{}meta name="description" content="..."\textgreater{}` \tn 
% Row Count 13 (+ 5)
% Row 3
\SetRowColor{white}
\{\{nobreak\}\}`\textless{}script\textgreater{}` & Añade un fichero JavaScript\{\{nl\}\}`\textless{}script src="js-file.js"\textgreater{}...\textless{}/script\textgreater{}` \tn 
% Row Count 16 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\{\{nobreak\}\}`\textless{}style\textgreater{}` & Estilos CSS embebidos\{\{nl\}\}`\textless{}style\textgreater{}...\textless{}/style\textgreater{}` \tn 
% Row Count 18 (+ 2)
% Row 5
\SetRowColor{white}
\{\{nobreak\}\}`\textless{}title\textgreater{}` & Título del documento HTML\{\{nl\}\}`\textless{}title\textgreater{}...\textless{}/title\textgreater{}` \tn 
% Row Count 20 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Estas etiquetas son metadatos para el navegador, por lo que este contenido no será visible (excepto la etiqueta del título).}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.34379 cm} x{3.63321 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Atributos soportados en HTML5}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\bf{Atributo}} & {\bf{Descripción}} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
accesskey & Tecla de acceso rápido \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
class & Clase o lista de clases \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
\seqsplit{contenteditable} & Indica si el contenido es editable o no \tn 
% Row Count 6 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\seqsplit{contextmenu} & Especifica el menú contextual para el elemento \tn 
% Row Count 8 (+ 2)
% Row 5
\SetRowColor{white}
data-* & Especifica metadatos \tn 
% Row Count 9 (+ 1)
% Row 6
\SetRowColor{LightBackground}
dir & Dirección del texto \tn 
% Row Count 10 (+ 1)
% Row 7
\SetRowColor{white}
draggable & Habilita o no el drag\&drop \tn 
% Row Count 11 (+ 1)
% Row 8
\SetRowColor{LightBackground}
dropzone & Especifica el \{\{noshy\}\}comporta-miento al arrastrar o soltar \tn 
% Row Count 14 (+ 3)
% Row 9
\SetRowColor{white}
hidden & Oculta el campo \tn 
% Row Count 15 (+ 1)
% Row 10
\SetRowColor{LightBackground}
id & Identificador único \tn 
% Row Count 16 (+ 1)
% Row 11
\SetRowColor{white}
lang & Idioma \tn 
% Row Count 17 (+ 1)
% Row 12
\SetRowColor{LightBackground}
\seqsplit{spellcheck} & Indica si el elemento debe comprobar su ortografía \tn 
% Row Count 19 (+ 2)
% Row 13
\SetRowColor{white}
style & Estilos en línea \tn 
% Row Count 20 (+ 1)
% Row 14
\SetRowColor{LightBackground}
tabindex & Orden de tabulación \tn 
% Row Count 21 (+ 1)
% Row 15
\SetRowColor{white}
title & Aporta información adicional \tn 
% Row Count 22 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Estructura HTML}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{p{5.377cm}}{\vspace{1px}\centerline{\includegraphics[width=5.1cm]{/web/www.cheatography.com/public/uploads/semagarcia_1634099460_html5-strucgture.png}}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.64241 cm} x{3.33459 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Etiquetas estructurales}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}address\textgreater{}` & Información para el `\textless{}article\textgreater{}` más cercano o ancestro `\textless{}body\textgreater{}` \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`\textless{}article\textgreater{}` & Elemento de información auto-contenida de un documento, página o similar \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
`\textless{}aside\textgreater{}` & Contenido indirectamente relacionado con el contenido principal del documento \tn 
% Row Count 9 (+ 3)
% Row 3
\SetRowColor{white}
`\textless{}footer\textgreater{}` & Pie de página que aplica a la sección o ancestro más cercano (puede ser `\textless{}article\textgreater{}`, `\textless{}body\textgreater{}`, `\textless{}figure\textgreater{}`, `\textless{}nav\textgreater{}`, `\textless{}section\textgreater{}`, etc.) \tn 
% Row Count 15 (+ 6)
% Row 4
\SetRowColor{LightBackground}
`\textless{}header\textgreater{}` & Encabezado \tn 
% Row Count 16 (+ 1)
% Row 5
\SetRowColor{white}
`\textless{}main\textgreater{}` & Contenido principal y único del documento \tn 
% Row Count 18 (+ 2)
% Row 6
\SetRowColor{LightBackground}
`\textless{}nav\textgreater{}` & Contenido para navegación y enlaces \tn 
% Row Count 20 (+ 2)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}`\textless{}section\textgreater{}` & Representa una sección genérica \tn 
% Row Count 22 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Estas etiquetas permiten estructurar y organizar el contenido en partes lógicas, como si fuera un libro}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.84149 cm} x{3.13551 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Etiquetas de texto}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}blockquote\textgreater{}` & Crea citas en bloque \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
`\textless{}div\textgreater{}` & Crea divisiones que definen secciones o agrupa contenidos \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}figcaption\textgreater{}` & Subtítulo o leyenda asociado al `\textless{}figure\textgreater{}` padre \tn 
% Row Count 7 (+ 2)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}`\textless{}figure\textgreater{}` & Contenido independiente, como una imagen o un fragmento de código \tn 
% Row Count 10 (+ 3)
% Row 4
\SetRowColor{LightBackground}
`\textless{}hr\textgreater{}` & Cambio de tema entre párrafos \tn 
% Row Count 12 (+ 2)
% Row 5
\SetRowColor{white}
`\textless{}p\textgreater{}` & Párrafo \tn 
% Row Count 13 (+ 1)
% Row 6
\SetRowColor{LightBackground}
`\textless{}pre\textgreater{}` & Representa texto preformateado \tn 
% Row Count 15 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.59264 cm} x{3.38436 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Etiquetas de texto en línea}}  \tn
% Row 0
\SetRowColor{LightBackground}
`\textless{}a\textgreater{}` & Enlace a una página, archivo, dirección de correo o ubicación \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
`\textless{}abbr\textgreater{}` & Abreviación o acrónimo \tn 
% Row Count 4 (+ 1)
% Row 2
\SetRowColor{LightBackground}
`\textless{}b\textgreater{}` & Negrita ({\bf{b}} = {\emph{bold}}) \tn 
% Row Count 5 (+ 1)
% Row 3
\SetRowColor{white}
`\textless{}bdi\textgreater{}` & Permite cambiar la dirección de un texto; se anula con `\textless{}bdo\textgreater{}` \tn 
% Row Count 8 (+ 3)
% Row 4
\SetRowColor{LightBackground}
`\textless{}br\textgreater{}` & Salto de línea \tn 
% Row Count 9 (+ 1)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}`\textless{}cite\textgreater{}` & Marca una referencia a una fuente o a un autor \tn 
% Row Count 11 (+ 2)
% Row 6
\SetRowColor{LightBackground}
`\textless{}data\textgreater{}` & Vincula un contenido dado con una traducción legible por una máquina \tn 
% Row Count 14 (+ 3)
% Row 7
\SetRowColor{white}
`\textless{}em\textgreater{}` & Aplica énfasis a partes importantes de un texto \tn 
% Row Count 16 (+ 2)
% Row 8
\SetRowColor{LightBackground}
`\textless{}i\textgreater{}` & Muestra el texto en cursiva o italica \tn 
% Row Count 18 (+ 2)
% Row 9
\SetRowColor{white}
`\textless{}mark\textgreater{}` & Marca o resalta un fragmento de un texto debido a su relevancia o importancia \tn 
% Row Count 21 (+ 3)
% Row 10
\SetRowColor{LightBackground}
`\textless{}q\textgreater{}` & Indica que el texto adjunto es una cita corta en línea \tn 
% Row Count 24 (+ 3)
% Row 11
\SetRowColor{white}
`\textless{}span\textgreater{}` & Contenedor de texto en línea, que permite aplicar estilo a subpartes del bloque de texto \tn 
% Row Count 28 (+ 4)
% Row 12
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}strong\textgreater{}` & Refuerza un texto (más importancia que `\textless{}b\textgreater{}`) \tn 
% Row Count 30 (+ 2)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.59264 cm} x{3.38436 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Etiquetas de texto en línea (cont)}}  \tn
% Row 13
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}sub\textgreater{}` & Texto en forma subíndice \tn 
% Row Count 2 (+ 2)
% Row 14
\SetRowColor{white}
\{\{noshy\}\}`\textless{}sup\textgreater{}` & Texto en forma superíndice \tn 
% Row Count 4 (+ 2)
% Row 15
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}time\textgreater{}` & Representa un periodo específico de tiempo \tn 
% Row Count 6 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Estas etiquetas son utilizadas para definir el significado, estructura o estilo de una palabra, línea o fragmento de texto}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.59264 cm} x{3.38436 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Etiquetas de imagen y multimedia}}  \tn
% Row 0
\SetRowColor{LightBackground}
`\textless{}area\textgreater{}` & Permite crear secciones de un mapa de imágenes \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`\textless{}audio\textgreater{}` & Inserta un audio \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}iframe\textgreater{}` & Embebe otro documento HTML completo \tn 
% Row Count 6 (+ 2)
% Row 3
\SetRowColor{white}
`\textless{}img\textgreater{}` & Inserta una imagen \tn 
% Row Count 7 (+ 1)
% Row 4
\SetRowColor{LightBackground}
`\textless{}svg\textgreater{}` & Embebe una imagen en formato vectorizado \tn 
% Row Count 9 (+ 2)
% Row 5
\SetRowColor{white}
`\textless{}video\textgreater{}` & Inserta un vídeo \tn 
% Row Count 10 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.69218 cm} x{3.28482 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Formularios}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}button\textgreater{}` & Representa un elemento clickable de tipo botón para desencadenar acciones \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`\textless{}fieldset\textgreater{}` & Organiza en grupos o conjuntos los campos de un formulario \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
`\textless{}form\textgreater{}` & Sección de un documento que contiene controles para recoger información introducida por el usuario (formulario) \tn 
% Row Count 11 (+ 5)
% Row 3
\SetRowColor{white}
`\textless{}input\textgreater{}` & Campo de entrada de información, que podrá ser numérico, color, contraseña, texto, fichero, url, email, etc. \tn 
% Row Count 16 (+ 5)
% Row 4
\SetRowColor{LightBackground}
`\textless{}label\textgreater{}` & Permite indicar un texto que va junto a un control de formulario \tn 
% Row Count 19 (+ 3)
% Row 5
\SetRowColor{white}
`\textless{}optgroup\textgreater{}` & Permite crear agrupaciones de `\textless{}option\textgreater{}` dentro de un `\textless{}select\textgreater{}` \tn 
% Row Count 22 (+ 3)
% Row 6
\SetRowColor{LightBackground}
`\textless{}option\textgreater{}` & Permite crear opciones para el desplegable de un `\textless{}select\textgreater{}` \tn 
% Row Count 25 (+ 3)
% Row 7
\SetRowColor{white}
`\textless{}progress\textgreater{}` & Muestra una barra de progreso \tn 
% Row Count 27 (+ 2)
% Row 8
\SetRowColor{LightBackground}
`\textless{}select\textgreater{}` & Representa un control de formulario que muestra un menú de opciones, donde cada una es representada con `\textless{}option\textgreater{}` \tn 
% Row Count 32 (+ 5)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.69218 cm} x{3.28482 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Formularios (cont)}}  \tn
% Row 9
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}textarea\textgreater{}` & Representa un control de formulario para la edición de multilínea de texto sin formato \tn 
% Row Count 4 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.84609 cm} x{4.13091 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Listas}}  \tn
% Row 0
\SetRowColor{LightBackground}
`\textless{}ul\textgreater{}` & Lista desordenada \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
`\textless{}ol\textgreater{}` & Lista ordenada (numerada) \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
`\textless{}li\textgreater{}` & Elemento o ítem de la lista \tn 
% Row Count 3 (+ 1)
% Row 3
\SetRowColor{white}
`\textless{}dl\textgreater{}` & Lista de definiciones \tn 
% Row Count 4 (+ 1)
% Row 4
\SetRowColor{LightBackground}
`\textless{}dt\textgreater{}` & Definición del término \tn 
% Row Count 5 (+ 1)
% Row 5
\SetRowColor{white}
`\textless{}dd\textgreater{}` & Descripción de la definición \tn 
% Row Count 6 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.69218 cm} x{3.28482 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Tablas}}  \tn
% Row 0
\SetRowColor{LightBackground}
`\textless{}table\textgreater{}` & Tabla (datos en dos o más direcciones) \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
`\textless{}thead\textgreater{}` & Cabecera de la tabla \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
`\textless{}tbody\textgreater{}` & Cuerpo de la tabla \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
`\textless{}th\textgreater{}` & Celda de cabecera \tn 
% Row Count 5 (+ 1)
% Row 4
\SetRowColor{LightBackground}
`\textless{}tr\textgreater{}` & Fila \tn 
% Row Count 6 (+ 1)
% Row 5
\SetRowColor{white}
`\textless{}td\textgreater{}` & Celda de tabla \tn 
% Row Count 7 (+ 1)
% Row 6
\SetRowColor{LightBackground}
`\textless{}tfoot\textgreater{}` & Pie de tabla \tn 
% Row Count 8 (+ 1)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}`\textless{}caption\textgreater{}` & Título de la tabla \tn 
% Row Count 10 (+ 2)
% Row 8
\SetRowColor{LightBackground}
`\textless{}col\textgreater{}` & Permite especificar propiedades para una columna o grupo de ellas \tn 
% Row Count 13 (+ 3)
% Row 9
\SetRowColor{white}
\{\{noshy\}\}`\textless{}colgroup\textgreater{}` & Permite crear grupos de columnas \tn 
% Row Count 15 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.69218 cm} x{3.28482 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Scripting}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}`\textless{}canvas\textgreater{}` & Permite dibujar gráficos o animaciones a través de JavaScript \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}`\textless{}noscript\textgreater{}` & Muestra su contenido cuando el navegador no soporta o no habilita JavaScript \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
`\textless{}script\textgreater{}` & Permite añadir contenido JavaScript, bien en línea o bien referenciando una URL o ubicación \tn 
% Row Count 10 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}