Actualizado el 14-01-2007
versión para imprimir
Tabla sinóptica de etiquetas html
Las principales etiquetas HTML agrupadas por conceptos.
Si pulsas en cada una, se abrirá una ventana con la descripción completa y atributos que admite
(en Inglés, Site del
Web Design Group
)
indice: html - head - body - title - meta - base - div - h1-h6 - p - blockquote - hr - br - b - i - tt - ul - ol - li - dl - dt - dd - a - img - table - tr - td - th - caption - frameset - frame - base - noframes - form - input - select - option - textarea - span
| Etiqueta | Atributos que admite | Finalidad |
| - Estructura de la página - | ||
| <html></html> | ninguno | indica que contiene código html |
| <head></head> | ninguno | Cabecera html. Informacion sobre el documento |
| <body></body> | estilos | cuerpo de la página. Contenedor del resto de elementos |
- Elementos de Cabecera -(
head
)
|
||
| <title></title> | ninguno | título de la pagina |
| <meta> |
name=nombre de la propiedad
content= valor |
metadatos |
| <base></base> | href= | url base, para determinar los paths relativos. |
| - Formateo de bloques - | ||
| <div></div> |
style="propiedad:valor;"
class="nombre de clase" |
div, formadora de bloque |
| <h1-6></h1-6> | estilos | cabecera o título |
| <p></p> | estilos | párrafo |
| <blockquote></blockquote> | ninguno | párrafo tabulado |
| <hr> | estilos | barra separadora |
| - Etiquetas básicas de texto - | ||
| <br> | etiqueta "vacia" | salto de línea |
| <b></b> | ninguno | negrita |
| <i></i> | ninguno | cursiva |
| <tt></tt> | ninguno | monospace |
| - Listas - | ||
| <ul></ul> | type="disc/circle/square" | lista desordenada |
| <ol></ol> |
type="I/A/1/a/i"
start="valor" |
lista ordenada |
| <li></li> | type=(mismos que ol/ul) | item de la lista |
| <dl></dl> | ninguno | lista de definicion |
| <dt></dt> | ninguno | termino definido |
| <dd></dd> | ninguno | definicion |
| - Links - | ||
| <a></a> |
href="url"
target="nombre de ventana" name="nombre" bookmark, destino del ancla |
ancla |
| - imagenes - | ||
| <img /> |
src="nombre de archivo"
align="left/right" width="XXX" height="XXX" alt="texto descriptivo" border="valor" |
inserta imagen |
| - tablas - | ||
| <table></table> |
border="X"
width="XX/X%" cellspacing="XX" cellpadding="XX" |
tabla |
| <tr></tr> |
align="left/center/right"
valign="top/middle/bottom" bgcolor="color value" |
fila |
| <td></td> |
align="left/center/right"
valign="top/middle/bottom" width=X nowrap colspan="X" rowspan="X" bgcolor="color" |
celda |
| <th></th> |
align="left/center/right"
valign="top/middle/bottom" width=X nowrap colspan="X" rowspan="X" bgcolor="color value" |
celda cabecera |
| <caption></caption> |
align="left/center/right"
valign="top/middle/bottom" |
titulo |
| - frames - | ||
| <frameset></frameset> |
cols="XX/XX%/*"
rows="XX/XX%/*" |
especifica el numero de frames |
| <frame></frame> |
src="nombre archivo"
name="nombre frame" frameborder= "1/0" noresize scroll=auto/yes/no marginwidth="XX" marginheight="XX" |
define cada frame |
| <base></base> |
target="framename"
"_self" "_top" "_parent" |
base. Tambien es elemento de
head
|
| <noframes></noframes> | ninguno | contenido alternativo |
| - formularios - | ||
| <form></form> |
method=get/post
action="nombre url" |
formulario |
| <input /> |
name=""
type=text/password/ checkbox/radio/submit/ reset/image |
campo de entrada |
| <select></select> |
name=""
size=XX multiple |
lista desplegable |
| <option></option> | ninguno | items de la lista |
| <textarea></textarea> |
name=""
rows=XX cols=XX |
area de texto |
| - especiales - | ||
| <span></span> |
style="propiedad:valor;"
class="nombre de clase" |
inline tag |
| <!-- --> | ninguno | comentario html |