Sei sulla pagina 1di 6

RESUMEN ETIQUETAS HTML

Etiqueta Cierre Significado


<HTML> </HTML> El texto es un documento HTML
<HEAD> </HEAD> Cabecera de la página
<TITLE> </TITLE> Título de la página en la barra de título del navegador
<!-- --> Comentarios
<BODY> </BODY> Cuerpo de la página
Atributo Valores posibles Significado
black, silver, gray, white,
maroon, red, purple, fuchsia,
Color del fondo de la
BGCOLOR green, lime, olive, yellow, navy,
página
blue, teal, aqua
#RRGGBB
Color del texto de la
TEXT Los mismos que antes
página
Imagen de fondo de la
BACKGROUND ruta/archivo_de_imagen.ext
página
Color del texto con
LINK Nombre o código de color
enlace
VLINK Nombre o código de color Color del enlace visitado
ALINK Nombre o código de color Color del enlace activo
<HR> Dibuja una línea horizontal
Atributo Valores posibles Significado
ALIGN center, right, left Alineación
SIZE Un número Grosor de la línea
Tanto por ciento de la
WIDTH Un porcentaje
página que ocupa la línea
Sin sombra. Evita el
NOSHADE
efecto 3D
COLOR Los mismos que en BGCOLOR Color de la línea
<H1> a <H6> </H1> a </H6> Tamaño de título o encabezado. H1 es el tamaño mayor. H6 el menor.
<CENTER> </CENTER> Presenta el texto centrado
<BR> Salto de línea
<P> </P> Opcional Salto de párrafo
Atributo Valores posibles Significado
ALIGN center, right, left Alineación del texto
<DIV> </DIV> Opcional Salto de línea. Admite atributo de alineación de la nueva línea
Atributo Valores posibles Significado
ALIGN center, right, left Alineación del texto
<BLOCKQUOTE> </BLOCKQUOTE> Presenta el texto con una sangría izquierda
<B> </B> Presenta el texto en negrita
<I> </I> Presenta el texto en cursiva
<U> </U> Presenta el texto subrayado
<S> </S> Presenta el texto tachado
<SUP> </SUP> Presenta el texto en superíndice
<SUB> </SUB> Presenta el texto en subíndice
<BIG> </BIG> Presenta el texto a un tamaño mayor
<SMALL> </SMALL> Presenta el texto a un tamaño menor
<FONT> </FONT> Cambia el tipo, color y tamaño de letra
Atributo Valores posibles Significado
FACE Cualquier nombre de fuente Especifica el tipo de letra
1, 2, 3, 4, 5, 6, 7 Especifica el tamaño
SIZE
+1, -1, +2, -2, … concreto
Tamaño relativo
(respecto a 3)
COLOR Los mismos que BGCOLOR Color de la fuente
<STRONG> </STRONG> Texto en negrita
<CITE> </CITE> Texto en cursiva
<STRIKE> </STRIKE> Texto tachado

Etiqueta Cierre Significado


<META> Muestra información para el navegador
Atributo Valores posibles Significado
Este valor se usa para
indicar el tipo de
HTTP-EQUIV Content-Type contenido del
documento (indicado en
CONTENT)
El contenido del
documento utiliza
CONTENT text/html; charset=iso-8859-1
caracteres de un idioma
europeo occidental
Texto indicando descripción
de la página, palabras clave,
CONTENT autor o programa generador, Contenido
según el valor indicado en
NAME
description Descripción del
contenido de la página
keywords Palabras clave para
NAME buscadores
author Nombre del autor
generador Nombre del programa
generador de la página
<IMG> Inserta una imagen en el documento
Atributo Valores posibles Significado
Ubicación y nombre de la
SRC ruta/fichero_de_imagen.ext
imagen
Texto alternativo para la
ALT Texto
imagen
Grosor del borde de la
BORDER Número en píxeles
imagen
Número en píxeles o
HEIGHT Altura de la imagen
porcentaje
Número en píxeles o
WIDTH Anchura de la imagen
porcentaje
Puntos de separación
HSPACE Número en píxeles horizontales de la imagen
con respecto al texto.
Puntos de separación
VSPACE Número en píxeles verticales de la imagen
con respecto al texto
top
Alineación del texto con
middle
respecto a la imagen (los
bottom
ALIGN 3 primeros)
center
Alineación de la imagen
left
con respecto al texto.
right
Se indica que una imagen
USEMAP #nombremapa
será un mapa sensible.
No es una etiqueta sino el código de un carácter, indicado en entidad, ej:
&entidad;
&lt; (<), &gt; (>), &nbsp; (espacio), &quot; (comillas), …
&número; No es una etiqueta sino el código de un carácter, indicado en número,
ej: &60; (<), &62; (>), &160; (espacio), …
Esta etiqueta no se usa sola sino con los atributos correspondientes para
<A> </A>
crear los enlaces o hipervínculos.
Atributo Valores posibles Significado
URL de la forma: Enlace al lugar indicado:
http://....... página de Internet, lugar
#marcador del documento marcado
HREF
ruta/….htm con marcador, enlace a
ruta/nombrefichero.ext otra página, fichero o
malito:direccióncorreo dirección de correo.
Coloca una marca no
visible en el lugar del
NAME nombre de marcador
documento donde
aparezca esta etiqueta.

Etiqueta Cierre Significado


<UL> </UL> Define una lista desordenada (viñeta)
<OL> </OL> Define una lista ordenada (viñeta ordenada)
<DL> </DL> Define una lista de definición
<LI> No lleva Define un término en una lista desordenada u ordenada
<DT> No lleva Define un término en una lista de definición
<DD> No lleva Establece la definición de un término de una lista de definición
Atributo Valores posibles Significado
Cualquiera de las etiquetas relativas a Cambia el tipo de
símbolo usado para la
las listas, pueden llevar el atributo TYPE TYPE circle, disc, square, 1, a, A, i, l
viñeta (en toda o en una
línea)
<TABLE> </TABLE> Define una tabla
Atributo Valores posibles Significado
Grosor del borde de la
BORDER nº en píxeles
tabla
Ancho de la tabla (en
WIDTH nº en píxeles o en % píxeles o % respecto a
la pantalla)
HEIGHT nº en píxeles o en % Altura de la tabla
Espacio entre las
CELLSPACING nº en píxeles
celdas de la tabla
Espacio entre el
contenido de las
CELLPADDING nº en píxeles
celdas y el borde de
las mismas.
Alineación de la tabla
ALIGN left, right, center
respecto a la pantalla.
Color de fondo de la
BGCOLOR nombre de color o número
tabla
Color del borde de la
BORDERCOLOR nombre de color o número
tabla.
Imagen de fondo para
BACKGROUND ruta/archivodeimagen.ext
la tabla.
<TR> </TR> Opcional Define una fila de la tabla
<TD> </TD> Opcional Define una celda dentro de una fila
<TH> </TH> Define una fila de encabezado para la tabla
Atributo Valores posibles Significado
Los siguientes atributos son aplicables a Alinea el contenido a
ALIGN left, right, center
filas (TR o TH) y celdas (TD) la izda, drecha o centro
WIDTH nº en píxeles o en % Ancho de la fila o celda
HEIGHT nº en píxeles o en % Altura de la fila o celda
Color de fondo de la
BGCOLOR nombre de color o número
fila o celda
Color del borde de la
BORDERCOLOR nombre de color o número
fila o celda
Imagen de fondo para
BACKGROUND ruta/archivodeimagen.ext
la fila o celda
Alinea el contenido
VALIGN top, middle, bottom verticalmente arriba,
en medio o abajo
Especifica el número
COLSPAN nº de columnas que
abarca la fila
Especifica el número
ROWSPAN nº de filas que abarca la
columna
Abre un mapa sensible ya definido mediante <IMG SCR =imagen
<MAP> </MAP>
USEMAP=nombremapa>

Etiqueta Cierre Significado


Atributo Valores posibles Significado
Indica el nombre del
NAME nombremapa mapa sensible ya
definido.
<AREA> Define una zona en el mapa y los enlaces asignados a la misma.
Atributo Valores posibles Significado
SHAPE rect, circle, poly, default Forma de la zona.
números que indican los Coordenadas de la
COORDS
vértices. zona.
Dirección vinculada a
HREF dirección URL
esa zona.
Comentario que
ALT comentario aparecerá al pasar el
ratón por esa zona.
<FRAMESET> </FRAMESET> Declaración de los frames o marcos e que se dividirá la ventana
Atributo Valores posibles Significado
Define el número y el
ROWS nº, porcentaje o * tamaño de los frames,
especificando filas
Define el número y el
tamaño de los frames,
COLS nº, porcentaje o *
especificando
columnas.
Indica si los frames
FRAMEBORDER yes, no
tendrán bordes o no.
Tras declarar los frames con FRAMESET, hay que indicar con esta
<FRAME>
etiqueta, qué página se cargará en cada frame y cómo se llamará.
Atributo Valores posibles Significado
Página que se cargará
SRC nombre.htm
en el frame.
Nombre del frame
NAME nombre
para referirnos a él.
Indica si el frame
SCROLLING yes, no, auto
llevará siempre, nunca
o cuando lo necesite,
la barra de
desplazamiento
vertical.
Indica el margen
horizontal, tanto
MARGINWIDTH nº en píxeles
derecho como
izquierdo, en píxeles.
Indica el margen
vertical, tanto superior
MARGINHEIGHT nº en píxeles
como inferior, en
píxeles.
Indica que el frame no
NORESIZE se puede
redimensionar.
<FORM> </FORM> Define un formulario.
Atributo Valores posibles Significado
Indica la dirección de
correo a la que se
ACTION dirección de correo
enviarán los datos del
formulario.
Indica cómo se
METHOD post, get
transferirán los datos.
diversos valores de
Indica la forma de
ENCTYPE codificación del texto, ej.
codificación del texto
Text/Plain

Etiqueta Cierre Significado


Define un campo que puede ser un cuadro de texto, una casilla de
<INPUT> verificación, un botón de opción o un botón de comando, según el valor
del atributos TYPE.
Atributo Valores posibles Significado
Define un cuadro de
text
texto, una casilla de
checkbox
verificación, un botón
TYPE radio
de opción, un botó de
submit
enviar o un botón de
reset
borrar.
Indica la longitud en
SIZE nº caracteres del cuadro
de texto.
Indica el nombre
NAME nombre asignado a ese
control.
Indica el valor
asignado a esa opción
en el caso de los
checkbox o los radio.
VALUE nombre
O bien, si es un botón
de opción, indica el
texto que aparecerá
en él.
Indica si la opción será
CHECKED
la seleccionada.
<TEXTAREA> </TEXTAREA> Define un área de texto de varias líneas.
Atributo Valores posibles Significado
NAME nombre Nombre del control.
Nº de columnas que
COLS nº
ocupa.
ROWS nº Nº de filas.
<SELECT> </SELECT> Define una lista de opciones o menú desplegable.
Atributo Valores posibles Significado
NAME nombre Nombre del control.
Nº de opciones que se
SIZE nº
mostrarán en la lista.
Permite realizar
MULTIPLE
selecciones múltiples.
Define una opción del menú desplegable definido mediante la etiqueta
<OPTION>
SELECT.
Atributo Valores posibles Significado
Indica la opción
SELECTED seleccionada por
defecto

Potrebbero piacerti anche