You are on page 1of 6

Curso Diseño Web con Software libre, VNU Referencia HTML

Etiquetas Básicas (Estructura HTML)
Etiquetas Atributos Valores Descripción
<HTML> Inicio y final del
- -
</HTML> documento html

<HEAD> Información general del
- -
</HEAD> documento html
Titulo del documento.
<TITLE>
- - Visible en la barra del
</TITLE>
navegador
text
link
Color Hexadecimal
alink
(ejemplo: #000000)
vlink
bgcolor
topmargin (IE)
leftmargin (IE) Tamaño en pixels Inicio y final del cuerpo
<BODY>
marginheight (ejemplo: 10px) del documento. Lo que
</BODY>
marginwidth se ve en el navegador.

background Archivo de imagen

bgproperties (IE) Fixed

Formato de Presentación
Etiquetas Atributos Valores Descripción
<B>
- - Estilo Negrita
</B>

<I>
- - Estilo Cursiva (italica)
</I>

<U>
- - Estilo Subrayado
</U>

<S> Estilo Tachado
- -
</S> (Strike)

<SUB>
- - Estilo Subíndice
</SUB>

<SUP>
- - Estilo Superíndice
</SUP>
Estilo Anchura Fija
<TT>
- - (mismo espacio cada
</TT>
letra)
Nombre de Fuente
face
(ejemplo: Arial)

<FONT> Tamaño (1-7) Formateo de la fuente.
size
</FONT> (ejemplo: 5) (BASEFONT)

Color Hexadecimal
color
(ejemplo: #000000)

<PRE> Preformateado
- -
</PRE> (tal y como se escribe)

<CENTER>
- - Alineación centrada
</CENTER>

<BLINK>
- - Intermitencia
</BLINK>

<MARQUEE>
- - Marquesina
</MARQUEE>

Raúl Sánchez Domínguez Página 1

Tamaño fuente menor </SMALL> <EM> Estilo Énfasis . Estilo Acrónimo </ACRONYM> <CODE> . . . Estilo Dirección </ADRESS> <ABBR> . Tamaño fuente mayor </BIG> <SMALL> . . Estilo Salida Simple </SAMP> <VAR> . . . Estilo Código </CODE> <SAMP> . - </STRONG> (Habitualmente Negrita) <CITE> Estilo Cita . . . bloque <DIV> Right justify Clear <BR> left | right | all Salto de línea (texto alrededor img. VNU Referencia HTML Definición Estructural Etiquetas Atributos Valores Descripción <Hx> Encabezados align left | center | right </Hx> (x = nº entre 1 y 6) left <P> center align Párrafo </P> Right justify left <DIV> center align División.Curso Diseño Web con Software libre. . 100px – 40%) Alto en pixels width (ejemplo: 10px) <HR> Línea horizontal align left | center | right noshade - <BLOCKQUOTE> . - </EM> (Habitualmente Cursiva) <STRONG> Estilo Énfasis Fuerte . Estilo Variable </VAR> Raúl Sánchez Domínguez Página 2 .) Ancho en píxel o % size (ej. Estilo Abreviatura </ABBR> <ACRONYM> . . Sangria (margenes) </BLOCKQUOTE> <BIG> . - </CITE> (Habitualmente Cursiva) <ADRESS> .

. VNU Referencia HTML Formato de Listas Etiquetas Atributos Valores Descripción <UL> type Lista no numerada <LI></LI> disk | circle | square (aplicados a UL) (viñetas. 10px) title Título Emergente alt Texto Alternativo top middle align bottom left right Raúl Sánchez Domínguez Página 3 .. 10px ) Espacio Horizontal vspace (ej. no ordenada) </UL> type <OL> 1|I|i|A|a (aplicados a OL) Lista numerada <LI></LI> start (ordenada) </OL> Carácter Inicial (aplicados a OL) <DL> <DT></DT> . Lista de Definiciones <DD></DD> </DL> Vínculos Etiquetas Atributos Valores Descripción (archivo html) (#ancla) href (URL. 100px – 40%) Alto en píxels o % height (ej.) (malito:email) <A> Establece un vínculo o title (Texto Emergente) </A> enlace _blank _parent target _top _self <A> Establece un punto de name (nombre del ancla) </A> anclaje Imágenes Etiquetas Atributos Valores Descripción src (archivo imágen) Ancho en píxels o % width (ej. 10px ) <IMG> Inserta una imágen Tamaño en pixels border (ej. 100px – 40%) Espacio Vertical hspace (ej. http://www. .Curso Diseño Web con Software libre.

Debe encerrar bgcolor </TR> (ejemplo: #000000) etiquetas de celdas (<td>) Color Hexadecimal bordercolor (IE) (ejemplo: #000000) (archivo imágen) background (no recommendable) align left | center | right valign top | middle | bottom Ancho en píxels o %(ej. VNU Referencia HTML Tablas Etiquetas Atributos Valores Descripción Ancho en píxels o % width (ej. Color Hexadecimal bgcolor (ejemplo: #000000) Color Hexadecimal bordercolor (IE) (ejemplo: #000000) background (archivo imágen) align left | center | right <CAPTION> align left | center | right Título de la tabla </CAPTION> align left | center | right valign top | middle | bottom Inserta una fila dentro la <TR> Color Hexadecimal tabla.Curso Diseño Web con Software libre. 5) Inserta una tabla. 2) Nº columnas abarcadas rowspan (ej. <TABLE> Relleno de Celdas Debe encerrar etiquetas cellpadding </TABLE> (ej. 2) <TH> Inserta celda cabecera Los mismos que <TD> Los mismos que <TD> </TH> (negrita y centrado) Raúl Sánchez Domínguez Página 4 . width 100px – 40%) Alto en píxels o % height (ej. 100px – 40%) Tamaño borde exterior border (ej. 100px – 40%) Color Hexadecimal bgcolor <TD> (ejemplo: #000000) Inserta una celda </TD> Color Hexadecimal dentro de la fila bordercolor (IE) (ejemplo: #000000) (archivo imágen) background (no recommendable) nowrap - Nº columnas abarcadas colspan (ej. 100px – 40%) Alto en píxels o % height (ej. 5) de filas (<tr>) y celdas (<td>). 10px) Espaciado entre Celdas cellspacing (ej.

VNU Referencia HTML Formularios Etiquetas Atributos Valores Descripción action mailto:email Define un formulario method post (Solo se indican <FORM> etiquetas y atributos </FORM> enctype text/plain necesarios para mandar emails) name Nombre del Formulario type text | password name Nombre del Campo Define un campo Text o Nº <INPUT> maxlenght Password dentro del (Máximo de caracteres) Form Nº size (Ancho en caracteres) Valor Inicial value (contenido del campo) type radio | checkbox Nombre del Campo name (si es radio el mismo para Define un casilla de todos) <INPUT> opción o una casilla de value Valor verificacion del Form checked - type submit | reset | image name Nombre del Boton Define un botón de <INPUT> enviar.Curso Diseño Web con Software libre. o limpiar el Valor formulario. Nº de columnas cols (ancho en caracteres) Raúl Sánchez Domínguez Página 5 . <TEXTAREA> Se utiliza cuando hay rows Nº de Filas </TEXTAREA> que insertar gran cantidad de texto. value (texto del botón) Ruta de la imagen src (solo para el tipo image) type hidden <INPUT> name Nombre del Campo Define un campo oculto Valor value (contenido del campo) name Nombre del Campo Define un área de texto.

10%) Valor numérico o % cols (ejemplo cols=*. Debe <FRAME> ir dentro del </FRAME> noresize . Debe </NOFRAME> ir dentro del <HEAD> Raúl Sánchez Domínguez Página 6 .Curso Diseño Web con Software libre. Debe ir dentro </FRAMESET> del <HEAD> border Valor numérico Color Hexadecimal bordercolor (ejemplo: #000000) src (página html) name nombre del frame Define un frame. <FRAMESET> scroll yes | no | auto Alternativa para <NOFRAME> navegadores que no <body></body> .10) Especifica el número de <FRAMESET> frameborder yes | no frames. VNU Referencia HTML Name Nombre del Campo (aplicado a <select>) Size Altura </SELECT> (aplicado a <select>) (para lista no deplegable) Define una lista <OPTION> multiple desplegable o una lista Texto Opción - (aplicado a <select>) de selección (para esta </OPCION> aplicar size) </SELECT> value Valor (aplicado a <option>) (contenido del campo) selected - (aplicado a <option>) Frames (Marcos) Etiquetas Atributos Valores Descripción Valor numérico o % rows (ejemplo rows=10%.*. - soportan frames.