A partir html5 y css3 para dummies

La siguiente tabla contiene una lista de colores con nombre que puede utilizar en HTML y CSS código para crear un sitio web más colorido. Los colores se muestran con sus correspondientes valores hexcode RGB junto con una muestra de color representativo.

NombreHexcode
Aguamarina# 00FFFF
Negro# 000000
Azul# 0000FF
Fucsia# FF00FF
Color gris# 808080
Verde# 008000
Lima# 00FF00
Castaño# 800000
Armada# 000080
Aceituna# 808000
Morado# 800080
rojo# FF0000
Plata# C0C0C0
Teal# 008080
Color blanco#FFFFFF
Amarillo# FFFF00

Conozca sus elementos!

Apareciendo en orden alfabético es una lista de todos los elementos de HTML5 contenidas en la actual especificación HTML5. Una breve descripción se incluye como una referencia rápida cuando se busca el elemento perfecto.

Elemento Descripción
LASe utiliza para crear hipervínculos
AbbrUtilice las abreviaturas
direcciónInformación del contacto
AreaHipervínculo en una imagen de mapa de
artículo *Proporciona sección de formato para los elementos expositivos cortos como artículos, blogs, etc.
un lado*Pieza ligeramente relacionado de contenido para la página de acogida
audio *Se utiliza para agregar audio para la reproducción asociada a la página web
bTexto en negrita
baseURL base
bdi *Aislar de texto que podrían ser formateado en una dirección diferente de texto alrededor de ella
BDOSe utiliza para especificar la dirección del texto
blockquoteBloquear cita
cuerpoCuerpo del documento
brSalto de línea
botónCrea un botón.
lona *Se utiliza para definir una región de la página en la que se puede producir el dibujo
subtítuloTítulo de la Tabla
citarCitado título de una obra
códigoFragmento de código
columnaColumna en una mesa
colgroupGrupo de columnas de la tabla
comando *Utilice para definir elementos de la GUI de usuario
lista de datos *Se utiliza para crear una lista de entrada elementos para los menús desplegables
ddDescripción
delEl texto eliminado
detalles *Proporciona información adicional o controles a los usuarios sobre la demanda
dfnInstancia Definición
divContenedor genérico
dlDescripción lista
dtPlazo o nombre
emÉnfasis
incrustar *Enlaces a aplicación externa o contenido interactivo
fieldsetControles de formulario relacionados
figcaption *Proporcionar un título para un cifra elemento
cifra*Contenido de flujo independiente element- puede ser estática o dinámica
pie de página *Concluyendo la información de un documento sección
formaDefine una forma fácil de submittable
h1 - h6Encabezamientos
cabezaContenedor para metadatos sobre los documentos, scripts y estilos
encabezado *Encabezado por el documento
hgroup *Grupo Encabezado
hrRegla horizontal / ruptura temática
htmlElemento raíz
yoEl texto en cursiva
iframeContenido de la navegación anidada
imgImagen
entradaEl control de entrada
insEl texto insertado
kbdLa entrada del usuario
keygen *Accesible al usuario el control para generar pares de claves para la seguridad o el cifrado
etiquetaLeyenda para un control de formulario
leyendaLeyenda explicativa
liElemento de la lista
enlaceMetadatos para la vinculación de documentos externos
mapaDefinir una imagen de mapa de
Marcos*Marcar o resaltar una racha de texto en un documento, para referencia en otro documento
menúLista de comandos
metaMetadatos
metros *Definir un indicador visual para algún tipo de medida
nav *Se utiliza para definir una barra de navegación o área en una página web
noscriptDefinir el contenido que se mostrará en caso de que el script no puede ejecutarse
objetoEl contenido externo
olLista ordenada
optgroupDefinir un grupo de opciones
salida *Algún tipo de salida de cálculo script o llamada a la API
pPárrafo
paramSe utiliza para proporcionar parámetros a plugins
preTexto preformateado
progreso *Un medidor visual para la realización de tareas (barra de progreso)
qTexto de la cita
rp *Utilice para poner paréntesis alrededor anotaciones rubí
rt *Se utiliza para marcar el texto de una anotación de ruby
rubí *Utilice para anotar idiomas ideográficos como el chino o el japonés
sMark texto como eliminado, con la huelga a través de formato.
sampEjemplo de salida
guiónGuión Embedded
sección*Documento genérico o sección de aplicación
seleccionarOpción de control de formulario de selección
pequeñaPequeño texto
fuente*Se utiliza para especificar múltiples fuentes de audio y vídeo
lapsoUna envoltura texto genérico
fuerteTexto adicional. Por lo general tiene el formato de negrita
estiloPresentación de información, por lo general CSS
subTexto Subíndice
Resumen *Resumen, leyenda, o leyenda para la entrada de datos de la información
cenarTexto Superíndice
mesaMesa
tbodyGrupo de filas de la tabla
tdTabla celular
textareaÁrea de entrada de texto
tfootGrupo de filas de pie de página Tabla
ºCelda de encabezado la tabla
theadGrupo de filas encabezado la tabla
hora*Valor para la fecha y / u hora que representa
títuloTitulo del documento
trFila de la tabla
seguimiento *Especifique una vía de comunicación complementario
uSubrayar
ulLista desordenada
varSe utiliza para especificar una variable matemática o de programación, o un marcador de posición
vídeo *Se utiliza para reproducir contenido de vídeo en la página web
wbr *Se utiliza para denotar posible punto de corte de línea de flujo de texto

* Nuevo en HTML5

CSS Referencia de vivienda

La siguiente tabla muestra las propiedades CSS que son compatibles con la mayoría de los navegadores de hoy en día, junto con sus valores permitidos. Algunas de estas propiedades son parte de las especificaciones de CSS3 y son todavía experimental, así que asegúrese de consultar con la puedo usar el sitio para la información más reciente sobre la compatibilidad con exploradores. (Para obtener ayuda sobre la lectura de la columna Valores de esta tabla, consulte el artículo "Una guía rápida al Valor CSS Definición de sintaxis" en maniqui.ru/extras/beginninghtml5css3.)

Nombre Valores
animación ||
animación de retardo
animación de direcciónnormales | alternativa | revertir | inversa alternativo
animación duración
-fill-mode animaciónnone | forwards | atrás | ambas cosas
animación iteración recuentoinfinita |
animación nombrenone |
por el estado de animación-playcorrer | detenido
animación-timing-function
cara posterior visibilidadvisible | oculto
background-attachmentdesplácese | | fijo heredar
fondo-clipborder-box | padding-box | el contenido de la caja | heredar
color de fondo | heredar
imagen de fondo | none | heredar
fondo-origenborder-box | padding-box | el contenido de la caja | heredar
background-position[[ | | left | centro | derecho ] [ | | top | centro | fondo ]? ] | [[Left | centro | derecha] || [Top | centro | abajo]] | heredar
background-repeatrepetir | repetir-x | repeat-y | no-repeat | heredar
fondo de tamaño | | auto | cubrir | contener
fondo['Background-color' || || background-position 'Imagen de fondo' || 'fondo repeticiones' || 'background-attachment'] | heredar
border-collapsecolapsar | independiente | heredar
color de la frontera[ ] {1,4} | heredar
border-imagenone |
border-image-inicio['lados' || "horizontal" || "vertical" || 'top' || 'inferior' || "derecho" || 'left'] | heredar
border-image-repeat['type' || "horizontal" || "vertical" || 'estiramiento' || 'repetición' || 'ronda'] | heredar
border-image-fuentenone |
border-image-slice[ | ] {1,4} llenar?
border-image-ancho[ | | | auto] {1,4}
border-radius[ | ] {1,4} [/ [ | ] {1,4}]?
border-spacing ? | heredar
estilo de borde{1,4} | heredar
border-top border-right border-left border-bottom[|| || border-top-color] | heredar
border-top-color del borde derecho; color del borde inferior border-color-izquierda, el color | heredar
border-top-izquierda; radio border-top-derecha; radio border-bottom-izquierda; radio border-bottom-right; radio[ | ] {1,2}
al estilo frontera superior-borde derecho; estilo de estilo fondo frontera frontera izquierda; estilo | heredar
border-top-width border-right; ancho del borde inferior al ancho de la frontera-izquierda; ancho | heredar
border-width{1,4} | heredar
frontera[|| || border-top-color] | heredar
fondo | | auto | heredar
box-shadownone | [inserción? [? ? ? ]] #
romper despuésauto | Siempre | evitar | left | right | página | columna | evitar la página | evitar la columna
romper antesauto | Siempre | evitar | left | right | página | columna | evitar la página | evitar la columna
del lado del subtítulotop | inferior | heredar
claronone | left | right | tanto | heredar
presilla | auto | heredar
color | heredar
columnaslt; 'column-width'> || lt; 'column-count'>
column-count | auto
columna de rellenoauto | equilibrio
columna-gap | normal
columna en reglaslt; 'columna-regla-width'> || lt; 'al estilo imperio columna'> || lt; 'columna-regla-color'>
columna en reglas color
al estilo imperio columna[ninguno | escondido | punteada | discontinua | sólidos | doble | surco | canto | inserción | inicio] | heredar
columna en reglas de ancho | [delgada | medio | gruesa]
columna de envergaduranone | todo | heredar
ancho de columna | auto
contenidonormales | none | [ | | | attr () | abrir-presupuesto | close-quote | no-open-quote | no-close-quote] + | heredar
counter-increment[ ? ] + | none | heredar
counter-reset[ ? ] + | none | heredar
cursor[[ ,] * [Auto | cruz | default | puntero | mover | e-cambio de tamaño | ne-resize | nw-resize | n-cambio de tamaño | se-resize | sw-cambio de tamaño | s-cambio de tamaño | w-cambio de tamaño | texto | esperar | ayudar | progreso]] | heredar
direcciónltr | rtl | heredar
visualizaciónen línea | bloquear | list-item | inline-block | mesa | inline-table | table-row-group | tabla-header-grupo | tabla-pie de página del grupo | table-row | table-column-group | table-column | table-cell | tabla-caption | none | heredar
-celdas vacíasmostrar | Ocultar | heredar
flotadorleft | right | none | heredar
Familia tipográfica[[| ] [, | ] *] | heredar
tamaño de fuente | | | | heredar
Estilo de fuentenormales | cursiva | oblicua | heredar
font-variantnormales | small-caps | heredar
font-weightnormales | negrita | más audaz | más ligero | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | heredar
fuente[['Font-style' || 'Font-variant' || 'font-weight']? 'font-size' [/ 'line-height']? font-family] | subtítulo | icono | Menú | mensaje-caja | pequeña leyenda | barra de estado | heredar
altura | | auto | heredar
keyframes[[De | a | ] [, Desde | a | ] * Bloque] *
izquierda | | auto | heredar
letter-spacingnormales | | heredar
altura de la líneanormales | | | | heredar
list-style-image | none | heredar
list-style-posicióninterior | exterior | heredar
-style-type listadisco | círculo | cuadrado | decimal | decimal líder de cero | menor-romano | superior-romano | menor griego | menor-latino | superior latino | armenio | georgiano | menor-alfa | superior-alfa | none | heredar
list-style['-Style-type lista' || 'List-style-position' || list-style-imagen] | heredar
margin-left margin-right | heredar
margin-top margin-bottom | heredar
margen{1,4} | heredar
Altura máxima | | none | heredar
anchura máxima | | none | heredar
min-height | | heredar
min-width | | heredar
opacidad | heredar
huérfanos | heredar
contorno color | invertir | heredar
outline-style | heredar
esbozo de ancho | heredar
contorno['Outline-color' || 'Outline-style' || esbozo de ancho] | heredar
desbordamientovisible | escondido | desplácese | auto | heredar
desbordamiento-wrapnormales | romper palabra | heredar
overflow-xvisible | escondido | desplácese | auto | heredar
desbordamiento-yvisible | escondido | desplácese | auto | heredar
padding-top padding-right-padding inferior padding-izquierda | heredar
relleno{1,4} | heredar
page-break-despuésauto | Siempre | evitar | left | right | heredar
page-break-antesauto | Siempre | evitar | left | right | heredar
page-break-insideevitar | auto | heredar
perspectivanone |
perspectiva origen[ | | left | centro | right | top | abajo] | [[ | | left | centro | derecho ] [ | | top | centro | fondo ] ]
posiciónestática | relativa | absoluto | | fijo heredar
citas[ ] + | none | heredar
derecho | | auto | heredar
table-layoutauto | | fijo heredar
text-alignleft | right | centro | justificar | heredar
text-decorationnone | [Subrayar || overline || line-through || parpadeará] | heredar
guion de texto | | heredar
text-transformcapitalizar | mayúscula | minúsculas | none | inherit
cima | | auto | heredar
transformarnone | +
transformar-origen[ | | left | centro | right | top | abajo] | [[ | | left | centro | derecho ] [ | | top | centro | fondo ] ] ?
de estilo transformarplana | preservar-3d
transición[Ninguno | ] ||
transición de retardo
duración de la transición
transición-timing-function
transición de la propiedadnone | # [',' #] *
unicode-bidinormales | incrustar | bidi-override | heredar
vertical-alignlínea de base | sub | súper | top | texto-top | media | inferior | text-bottom | | | heredar
visibilidadvisible | escondido | colapsar | heredar
espacio en blanconormales | pre | nowrap | pre-wrap | pre-line | inherit
viudas | heredar
ancho | | auto | heredar
word-spacingnormales | | heredar
z-indexauto | | heredar



» » » » A partir html5 y css3 para dummies