Está en la página 1de 3

TABLA DE ETIQUETAS HTML

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 metadatos
propiedad
content= valor
<base></base> href= url base, para determinar los
paths relativos.
- Formateo de bloques -
<div></div> style="propiedad:valor;" div, formadora de bloque
class="nombre de clase"
<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" lista ordenada
start="valor"
<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" ancla
target="nombre de
ventana"
name="nombre"
bookmark, destino del
ancla
- imagenes -
<img /> src="nombre de archivo" inserta imagen
align="left/right"
width="XXX"
height="XXX"
alt="texto descriptivo"
border="valor"
- tablas -
<table></table> border="X" tabla
width="XX/X%"
cellspacing="XX"
cellpadding="XX"
<tr></tr> align="left/center/right" fila

valign="top/middle/bottom
"
bgcolor="color value"
<td></td> align="left/center/right" celda

valign="top/middle/bottom
"
width=X
nowrap
colspan="X"
rowspan="X"
bgcolor="color"
<th></th> align="left/center/right" celda cabecera

valign="top/middle/bottom
"
width=X
nowrap
colspan="X"
rowspan="X"
bgcolor="color value"
<caption></caption> align="left/center/right" titulo

valign="top/middle/bottom
"
- frames -
<frameset></frameset> cols="XX/XX%/*" especifica el numero de
rows="XX/XX%/*" frames
<frame></frame> src="nombre archivo" define cada frame
name="nombre frame"
frameborder= "1/0"
noresize
scroll=auto/yes/no
marginwidth="XX"
marginheight="XX"
<base></base> target="framename" base. Tambien es elemento de
"_self" head
"_top"
"_parent"
<noframes></noframes> ninguno contenido alternativo

- formularios -
<form></form> method=get/post formulario
action="nombre url"
<input /> name="" campo de entrada
type=text/password/
checkbox/radio/submit/
reset/image
<select></select> name="" lista desplegable
size=XX
multiple
<option></option> ninguno items de la lista
<textarea></textarea> name="" area de texto
rows=XX
cols=XX
- especiales -
<span></span> style="propiedad:valor;" inline tag
class="nombre de clase"
<!-- --> ninguno comentario html

También podría gustarte