Manual html5

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 10

Listado de elementos o etiquetas HTML5

Etiqueta Escritura Traducción Función

<!DOCTYPE> document type tipo de Define el tipo de


documento documento
<a> anchor anclar Define un hipervínculo

<abbr> abbreviate abreviar Define una abreviación

<address> address dirección Define la información de


contacto del autor /
propietario del
documento
<area> area área Define un área dentro de
un mapa de imagen

<article> article artículo Define un artículo

<aside> aside aparte Define el contenido


lateral del contenedor de
una página
<audio> audio Audio Define contenido de
sonido
<b> bold font negrita Define texto en negrita

<base> base base Especifica la base donde


se abrirán todas las URL
del documento

<bdi> bi directional Bi direccional Aísla una parte del texto


que puede tener un
formato diferente del
texto externo

<bdo> Bi-Directional Anulación de Sobre escribe la


Overriding dirección del texto
bidirecionalidad

<blockquote> blockquote cita en bloque Define una sección que


tiene otra fuente

<body> bocy Cuerpo Define el cuerpo del


documento
<br> Line break Salto de línea Define un salto de línea

<button> button botón Define un botón


clickeable
<canvas> canvas Lienzo Se usa para dibujar
gráficos en pantalla

<caption> caption subtítulo Define el título de una


tabla
<cite> cite Cita Define el título de un
trabajo
<code> code Código Define un trozo de
código de programación

<col> colmn columna Especifica las


propiedades de la
columna para cada
columna del elemento
<colgroup>
<colgroup> Column group Grupo de Especifica un grupo de
columnas una o más columnas de
una tabla
<command> command Dominio Define un botón
command al que un
usuario puede invocar
<datalist> Data list Lista de datos Especifica en un input
una lista pre-definida de
opciones
<dd> Define la descripción de
un ítem en una lista de
definición
<del> deleted Borrado Define un texto que ha
sido definido en un
Mdocument
<details> details Detalles Define detalles
adicionales que el
usuario puede ver o
esconder
<dfn> definition definición Define el término de una
definición

<dialog> dialogue Dialogo Define una caja o


ventana de dialogo
<div> división división Define una sección en un
documento
<dl> descriptive list lista descriptiva Define una lista de
definición
<dt> definition of term Definición de un Define un término (un
ítem) en una lista de
término
definición
<em> emphasis Énfasis Define énfasis en un
texto
<embed> Embed empotrar Define el contenedor de
una aplicación externa
(no html)
<fieldset> Field set conjunto de Grupo de elementos
relacionados en un
campo
formulario
<figcaption> figure caption pie de figura Define el título para una
figura <figure>

<figure> Figure Figura Especifica auto-


contenido
<footer> footer pie de página Define el pie de página
de un documento
<form> form formulario Define un formulario html

<h1> a <h6> Define encabezados o


títulos
<head> head cabeza Define información
hacerca del documento

<header> header Encabezados Define la sección de


encabezado del
docuemnto
<hgroup> Header group grupo de Grupo de encabezado
cabeceras (<h1> a <6>)

<hr> horizontal line Línea horizontal Define un cámbio de


temática a partir de una
línea dibujada
<html> HyperText Markup Lenguaje de Define la raíz del
Language Marcas de documento
Hipertexto
<i> Italics itálica Define una parte del
texto de modo alternativo

<iframe> inline frame Marco en línea Define un frame en línea

<img> img Imagen Define una imagen

<input> Input aporte Define un control de


entrada de texto
<ins> Inserted insertado Define texto que ha sido
insertado en un
documento
<kbd> inserted teclado Define entrada del
teclado
<keygen> key generator Generador de Define un campo
claves generador de claves para
formularios
<label> Label Etiqueta Define el rótulo para un
elemento <input>
<legend> Legend Leyenda Define un título para los
elementos <fieldset>,
<figure>, <details>
<li> List Lista Define un ítem de una
lista
<link> link enlace Define la relación entre
un documento y un
recurso externo
(generalmente con hojas
de estilo)
<map> map mapa Define un mapa de
imagen del cliente
<mark> Mark marca Define texto resaltado o
marcado
<menu> menu Menú Define la lista de un
menú
<meta> Metainformation metainformación Define un metadato de
un documento
<meter> meter medida Define una medida
escalar en un rango
conocido
<nav> navigation navegación Define un link de
navegación
<noscript> No script No script Define un contenido
alternativo para los
usuarios que no soportan
scripts del cliente

<objet> Objet objeto Define un objeto


embebido
<ol> Ordered List Lista ordenada Define una lista
ordenada
<optgroup> option group Grupo de Define un grupo de
opciones relacionadas en
opciones
una lista desplegable

<option> Option opción Define una opción en


una lista desplegable
<output> Output Resultado Define el resultado de un
cálculo
<p> paragraph Párrafo Define un párrafo

<picture> pictures imagenes Contenedor usado para


especificar múltiples
elementos <source> y un
elemento <img>
<pre> preformatted Preformateado Define texto pre-
formateado
<progress> progress Progreso Representa el progreso
de una tarea en una
barra
<q> quote Citar Define una cita corta

<rp> Define que debe mostrar


en navegadores que no
soportan scripts de ruby
<rt> Define una pronunciación
de caracteres

<ruby> Define una notación de


ruby
<s> strikethrough Tachado Define texto que no es
correcto
<samp> sample muestra Define un ejemplo de
salida de un programa

<script> Script Guion Define un script del lado


cliente
<section> Section Sección Define una sección de un
documento
<select> Selection selección Define un drop-down list

<small> Small pequeño Define texto pequeño

<source> Source fuente Define los recursos para


elementos multimedia
<span> Span abarcar Define una pequeña
sección de un
documento
<strong> Strong fuerte Define un texto en
negrita
<style> Style estilo Define un estilo para la
información de un
documento
<sub> subscript subindice Define un texto que es
subíndice
<summary> summary sumario Define un encabezado
visible para el elemento
<details>
<sup> superscript superindice Define un texto que es
superíndice

<table> Table tabla Define una tabla

<tbody> Table body Cuerpo de tabla Define el cuerpo de una


tabla
<td> Table cell Celda de tabla Define una celda en una
tabla
<textarea> textarea área de texto Define un control de
entrada de múltiples
líneas
<tfoot> Table foot Pie de tabla Agrupa los footer
contenidos en una tabla
<th> Table header Encabezado de Define una celda de
tabla encabezado en una tabla
<thead> Agrupa los encabezados
de una tabla
<time> Time fecha Define fecha / hora

<title> Title Título Define un título para el


documento

<tr> Table row Fila de tabla Define una fila en una


tabla
<track> Track pista Define texto de la pista
para elementos
multimedia (vídeo y
audio)
<ul> unordered list Lista no ordenada Define una lista
desordenada
<var> variables variables Define una variable
<video> Video video Define un vídeo o
película
<wbr> word break oportunidad de Define un posible salto
opportunity salto de palabra de línea

Propiedades de CSS
Propiedad Escritura Traducción Función

color Color color Color del texto

background- background-color Color de fondo Color de fondo


color
background- background-image Imagen de fondo Imagen de fondo
image
background- background-repeat Repetición de Repetición de la
repeat fondo imagen de fondo
background- background- archivo adjunto de Desplazamiento de la
attachment attachment fondo imagen de fondo
background- background- posición de fondo Posición de la imagen
position position de fondo
background-size background-size tamaño de fondo Tamaño de la imagen
de fondo
Opacity Opacity Opacidad Transparencia de un
elemento
text-indent text-indent Guion de texto Desplazamiento de la
primera línea del texto
text-align text-align Texto alineado Alineamiento del texto

text-decoration text-decoration decoración de Efectos de subrayado


texto y tachado
letter-spacing letter-spacing espaciado de Espacio entre
letras caracteres
word-spacing word-spacing espacio entre Espacio entre palabras
palabras
text-transform text-transform transformación de Transformación a
texto mayúsculas /
minúsculas
line-height line-height altura de la línea Tamaño del espacio
entre líneas
vertical-align vertical-align alineación vertical Alineación vertical

font-family font-family Familia tipográfica Familia de fuentes

font-style font-style Estilo de fuente Estilo de la fuente

font-variant font-variant variante de fuente Convierte a


mayúsculas
manteniendo un
tamaño inferior
font-weight font-weight peso de fuente Anchura de los
caracteres.
Normal=400,
Negrita=700
font-size font-size tamaño de fuente Tamaño de fuente

list-style-type list-style-type tipo-estilo-lista Estilo aplicable a los


marcadores visuales
de las listas
list-style-image list-style-image imagen de estilo Imagen aplicable a los
de lista elementos de las listas
list-style-position list-style-position posición de estilo Posición dentro de la
de lista lista de los elementos
marcadores de las
listas
list-style list-style estilo de lista Permite establecer el
estilo de la lista, la
imagen y/o la posición
caption-side caption-side lado del título Posición del título
respecto la tabla
table-layout table-layout disposición de la Formato de las celdas,
tabla filas y columnas
border-collapse border-collapse borde-colapso Selección del modelo
de los bordes
border-spacing border-spacing espaciado de Espaciado entre los
bordes bordes de celdas
adyacentes
empty-cells empty-cells celdas vacias Visibilidad de los
bordes de celdas sin
contenido
:first-child first-child Primer hijo Primer hijo

:last-child last-child Último hijo Último hijo

:first-of-type first-of-type Primero de tipo Primer hermano de su


tipo
:last-of-type last-of-type Último de tipo Último hermano de su
tipo
:only-child only-child Hijo único Hijos únicos

:only-of-type only-of-type solo de tipo Únicos hermanos de


su tipo
:empty empty vacío Elementos que no
tienen hijos
:nth-child(n) nth-child(n) enésimo hijo(n) Enésimo elemento hijo

:nth-last-child(n) nth-last-child(n) Enésimo último Enésimo elemento hijo


hijo (n) contando desde el
último
:nth-of-type(n) nth-of-type(n) enésimo de tipo Enésimo hermano de
(n) su tipo
:nth-last-of- nth-last-of-type(n) n-ésimo-último-de- Enésimo hermano de
type(n) tipo(n) su tipo comenzando
desde el último

:link link enlace No visitado por el


usuario
:visited visited visitado Visitado por el usuario

:hover hover flotar Modifica el estilo


cuando un elemento
apuntador pasa por
encima
:active active activo Se activa cuando el
usuario pulsa el
elemento
:focus focus enfocar Se activa cuando tiene
el foco sobre el
elemento
::first-line first-line primera línea Primera línea de texto
de un elemento
::first-letter first-letter primera letra Primera letra de la
primera línea de texto
de un elemento
::before before antes Añade contenido al
principio del
documento
::after after después Añade contenido al
final del documento
padding-top pad padding-top paddi relleno superior Tamaño del relleno
ding-right paddin ng-right padding- relleno derecho superior, derecho,
inferior e izquierdo
g-bottom paddin bottom padding- relleno inferior
g-left left relleno izquierdo
padding padding relleno Tamaño del relleno

margin-top marg margin-top margin- margen superior Tamaño del margen


in-right margin- right margin- margen derecho superior, derecho,
inferior e izquierdo
bottom margin- bottom margin-left margen inferior
left margen izquierdo
margin margin margen Ancho de los
margenes
border-top-width border-top-width b borde-superior- Anchura del borde
border-right- order-right-width b ancho borde- superior, derecho,
inferior o izquierdo
width border- order-bottom-width derecha-ancho
bottom-width bor border-left-width borde-inferior-
der-left-width ancho borde-
izquierda-ancho
border-width border-width ancho del borde Anchura del borde
(reducida)
border-top-color border-top-color borde-superior- Color del borde
border-right- border-right-color b color borde- superior, derecho,
inferior e izquierdo
color border- order-bottom-color derecha-color
bottom-color bor border-left-color borde-inferior-color
der-left-color borde-izquierda-
color
border-color border-color color del borde Color del borde
(reducida)
border-top-style border-top-style borde-superior- Estilo del borde
border-right- border-right-style b estilo borde- superior, derecho,
inferior e izquierdo
style border- order-bottom-style derecha-estilo
bottom-style bor border-left-style borde-inferior-
der-left-style estilo borde-
izquierda-estilo
border-style border-style estilo de borde Estilo del borde
(reducida)
border-top borde border-top border- borde-superior Ancho, estilo y color
r-right border- right border-bottom borde-derecho para el borde superior,
derecho, inferior e
bottom border- border-left borde-inferior izquierdo
left borde-izquierdo
border border borde Ancho, estilo y color
para los bordes
(reducida)
border-radius border-radius borde-radio Curvatura del borde

display display mostrar Comportamiento del


contenedor
position position posición Esquema de
posicionamiento
top right bottom l top right bottom lef arriba a la derecha Desplazamiento de la
eft t abajo a la caja respecto al borde
superior, derecho,
izquierda inferior o izquierdo
float float flotar Posicionamiento
flotante
clear clear claro Control de cajas
adyacentes a las float
z-index z-index índice z Nivel de la capa

box-sizing box-sizing tamaño de caja Control de bordes y


relleno en el
comportamiento del
contenedor
visibility visibility visibilidad Muestra u oculta un
elemento ocupando el
espacio

Bibliografía
https://developer.mozilla.org/es/docs/Web/HTML/Element/iframe
https://www.eniun.com/resumen-tabla-propiedades-css-valores/

También podría gustarte