html5 Standard Cheatsheet Espanol

HTML5 Standard cheatsheet (español) Cheat Sheet
by semagarcia via cheatography.com/139274/cs/29426/
Estructura básica Atributos soportados en HTML5 Etiquetas estructurales
HTML <!DOCTYPE html> Atributo Descripción <address> Información para el <arti

<html> accesskey Tecla de acceso rápido cle> más cercano o
<head>...</head> ancestro <body>
class Clase o lista de clases
<body>...</body> <article> Elemento de información
conten‐ Indica si el contenido es
</html> auto-contenida de un
teditable editable o no
La etiqueta <html> representa la raíz de documento, página o similar
contex‐ Especifica el menú contextual
un documento HTML (HyperText Markup tmenu para el elemento <aside> Contenido indirectamente
Language). Se recomienda que también se relacionado con el contenido
data-* Especifica metadatos
indique el doctype del documento. principal del documento
dir Dirección del texto
<footer Pie de página que aplica a la
Comentarios draggable Habilita o no el drag&drop sección o ancestro más
>
 dropzone Especifica el comporta-miento cercano (puede ser <arti
al arrastrar o soltar cle>, <body>, <figur
HEAD (cabecera) hidden Oculta el campo e>, <nav>, <section
id Identificador único >, etc.)

<base> Base utilizada para URls relativas
<base href="..."> lang Idioma <header Encabezado
>
<link> Especifica otros recursos relacionados
spellcheck
con el Indica si el elemento debe
documento, como hojas de estilo comprobar su ortografía <main> Contenido principal y único
<link href="..." rel="...">style Estilos en línea del documento
<meta> Metadatos adicionales para el navegador

tabindex
Orden de tabulación <nav> Contenido para navegación
<meta charset="utf-8" name="Sema"> y enlaces
title Aporta información adicional
<meta name="description" content=" <section> Representa una sección
..."> Estructura HTML genérica
<script> Añade un fichero JavaScript Estas etiquetas permiten estructurar y

<script src="js-file.js">...</scri organizar el contenido en partes lógicas,
pt> como si fuera un libro
<style> Estilos CSS embebidos

<style>...</style> Etiquetas de texto
<title> Título del documento HTML <blockquote> Crea citas en bloque
<title>...</title> <div> Crea divisiones que

definen secciones o
Estas etiquetas son metadatos para el
agrupa contenidos
navegador, por lo que este contenido no
será visible (excepto la etiqueta del título). <figcaption> Subtítulo o leyenda
asociado al <figure
> padre
<figure> Contenido independi‐

ente, como una imagen
o un fragmento de
código
<hr> Cambio de tema entre
párrafos
By semagarcia Published 14th October, 2021. Sponsored by ApolloPad.com

Last updated 14th October, 2021. Everyone has a novel in them. Finish
Page 1 of 3. Yours!
https://apollopad.com
cheatography.com/semagarcia/
Etiquetas de texto (cont) Etiquetas de texto en línea (cont) Formularios (cont)
<p> Párrafo <sub> Texto en forma subíndice <input> Campo de entrada de
<pre Representa texto preformateado <sup> Texto en forma superíndice información, que podrá ser
numérico, color, contra‐
> <time> Representa un periodo
seña, texto, fichero, url,
específico de tiempo
email, etc.
Etiquetas de texto en línea
Estas etiquetas son utilizadas para definir
<label> Permite indicar un texto
<a> Enlace a una página, archivo, el significado, estructura o estilo de una
que va junto a un control
dirección de correo o palabra, línea o fragmento de texto
de formulario
ubicación
<optgrou Permite crear agrupa‐
<abbr> Abreviación o acrónimo Etiquetas de imagen y multimedia
p> ciones de <option>
<b> Negrita (b = bold) <area> Permite crear secciones de dentro de un <select>
<bdi> Permite cambiar la dirección un mapa de imágenes
<option> Permite crear opciones
de un texto; se anula con <bd <audio> Inserta un audio
para el desplegable de un
o> <iframe> Embebe otro documento <select>
<br> Salto de línea HTML completo
<progres Muestra una barra de
<cite> Marca una referencia a una <img> Inserta una imagen s> progreso
fuente o a un autor <svg> Embebe una imagen en <select> Representa un control de
<data> Vincula un contenido dado formato vectorizado formulario que muestra un
con una traducción legible por <video> Inserta un vídeo menú de opciones, donde
una máquina cada una es representada
<em> Aplica énfasis a partes Formularios con <option>
importantes de un texto <button> Representa un elemento <textarea> Representa un control de
<i> Muestra el texto en cursiva o clickable de tipo botón para formulario para la edición
italica desencadenar acciones de multilínea de texto sin
formato
<mark> Marca o resalta un fragmento <fieldset> Organiza en grupos o
de un texto debido a su conjuntos los campos de
Listas
relevancia o importancia un formulario
<q> Indica que el texto adjunto es <form> Sección de un documento <ul> Lista desordenada
una cita corta en línea que contiene controles <ol> Lista ordenada (numerada)
<span> Contenedor de texto en línea, para recoger información <li> Elemento o ítem de la lista
que permite aplicar estilo a introducida por el usuario
<dl> Lista de definiciones
subpartes del bloque de texto (formulario)
<dt> Definición del término
<strong> Refuerza un texto (más
importancia que <b>) <dd> Descripción de la definición

Page 2 of 3. Yours!
Tablas
<table> Tabla (datos en dos o más

direcciones)
<thead> Cabecera de la tabla
<tbody> Cuerpo de la tabla
<th> Celda de cabecera
<tr> Fila
<td> Celda de tabla
<tfoot> Pie de tabla
<caption> Título de la tabla
<col> Permite especificar propie‐

dades para una columna o
grupo de ellas
<colgroup> Permite crear grupos de
columnas
Scripting
<canvas> Permite dibujar gráficos o

animaciones a través de
JavaScript
<noscript> Muestra su contenido
cuando el navegador no
soporta o no habilita
JavaScript
<script> Permite añadir contenido
JavaScript, bien en línea o
bien referenciando una
URL o ubicación

Page 3 of 3. Yours!

html5 Standard Cheatsheet Espanol

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

html5 Standard Cheatsheet Espanol

Cargado por

Copyright:

Formatos disponibles

HTML5 Standard cheatsheet (español) Cheat Sheet

by semagarcia via cheatography.com/139274/cs/29426/

Estructura básica Atributos soportados en HTML5 Etiquetas estruc​turales

HTML <!D​OCTYPE html> Atributo Descri​pción <address> Inform​ación para el <ar​ti

id Identi​ficador único >, etc.)

<meta> Metadatos adicio​nales para el navegador

<script> Añade un fichero JavaScript Estas etiquetas permiten estruc​turar y

<style> Estilos CSS embebidos

<title> Título del documento HTML <blockquote> Crea citas en bloque

<ti​tle​>...</​tit​le> <di​v> Crea divisiones que

<figure> Contenido indepe​ndi​‐

By semagarcia Published 14th October, 2021. Sponsored by ApolloPad.com

Etiquetas de texto (cont) Etiquetas de texto en línea (cont) Formul​arios (cont)

<p> Párrafo <sub> Texto en forma subíndice <in​put> Campo de entrada de

By semagarcia Published 14th October, 2021. Sponsored by ApolloPad.com

<ta​ble> Tabla (datos en dos o más

<tb​ody> Cuerpo de la tabla

<th> Celda de cabecera

<td> Celda de tabla

<tf​oot> Pie de tabla

<caption> Título de la tabla

<co​l> Permite especi​ficar propie​‐

<canvas> Permite dibujar gráficos o

By semagarcia Published 14th October, 2021. Sponsored by ApolloPad.com

También podría gustarte

Estructura básica Atributos soportados en HTML5 Etiquetas estructurales

HTML <!DOCTYPE html> Atributo Descripción <address> Información para el <arti

id Identificador único >, etc.)

<meta> Metadatos adicionales para el navegador

<script> Añade un fichero JavaScript Estas etiquetas permiten estructurar y

<title>...</title> <div> Crea divisiones que

<figure> Contenido independi‐

Etiquetas de texto (cont) Etiquetas de texto en línea (cont) Formularios (cont)

<p> Párrafo <sub> Texto en forma subíndice <input> Campo de entrada de

<table> Tabla (datos en dos o más

<tbody> Cuerpo de la tabla

<tfoot> Pie de tabla

<col> Permite especificar propie‐