Etiquetas del código html más importantes.
Tags Básicos
<html></html>
Crea un documento HTML.
<head></head>
Sea el título y otra información que no se visualizará en la página web.
<body></body>
Setea la parte visible de la página.
Header Tags
<title></title>
Pone el nombre del documento en la barra del título.
Atributos del Body
<body bgcolor=?>
Setea el color de fondo, usando nombres o valores hex.
<body text=?>
Setea el color del texto, usando nombres o valores hex.
<body link=?>
Setea el color de los enlaces, usando nombres o valores hex.
<body vlink=?>
Setea el color de los enlaces visitados, usando nombres o valores hex.
<body alink=?>
Setea el color de los enlaces al ser presionados, usando nombres o valores hex.
Tags de texto
<pre></pre>
Crea texto preformateado.
<hl></hl>
Crea un título grande.
<h6></h6>
Crea un título pequeño.
<b></b>
Crea texto en negritas.
<i></i>
Crea texto en itálicas.
<tt></tt>
Crea texto teletipo.
<cite></cite>
Crea una cita, usando itálicas.
<em></em>
Enfatiza una palabra.
<strong></strong>
Enfatiza una palabra (con itálicas or negritas)
<font size=?></font>
Setea el cuerpo de la fuente de 1 a 7.
<font color=?></font>
Setea el color de la fuente, usando nombres o valores hex.
Enlaces
<a href=»URL»></a>
Crea un hipervínculo.
<a href=»mailto:EMAIL»></a>
Crea un enlace de email
<a name=»NAME»></a>
Crea un enlace dentro del documento
<a href=»#NAME»></a>
Vincula a ese target dentro del documento
Formatting
<p></p>
Crea un párrafo nuevo
<p align=?>
Alinea un párrafo (izquierda, centro, derecha)
<br>
Inserta un salto de línea
<blockquote>
</blockquote>
Justifica el texto a ambos lados
<dl></dl>
Crea un lista de definición
<dt>
Precede cada término de definición
<dd>
Precede cada definición
<ol></ol>
Crea un lista numerada
<li></li>
Precede cada ítem de una lista y le agrega un número
<ul></ul>
Crea una lista con puntos
<div align=?>
Un tag genérico utilizado para formatear grandes bloques de HTML, también usado para stylesheets
Elementos Gráficos
<img src=»name»>
Agrega una imagen
<img src=»name» align=?>
Alinea una imagen an image
<img src=»name» border=?>
Setea el grosor del borde de la imagen
<hr>
Inserta una linea horizontal
<hr size=?>
Setea la altura de una linea
<hr width=?>
Setea el ancho de la linea, en porcentaje o números absolutos
<hr noshade>
Inserta una linea horizontal sin sombra
Tablas
<table></table>
Crea una tabla
<tr></tr>
Setea cada row de la tabla
<td></td>
Setea cada celda de la tabla
<th></th>
Setea el header de la tabla (una celda normal, con texto centrado y resaltado)
Atributos de las Tablas
<table border=#>
Setea el grosor del borde de la tabla
<table cellspacing=#>
Setea la cantidad de espacio entre las celdas
<table cellpadding=#>
Setea la cantidad de espacio entre el borde de las celdas y su contenido
<table width=# or %>
Setea el ancho de la tabla – en pixel o en porcentaje de acuerdo al ancho del documento
<tr align=?> or <td align=?>
Setea la alineación delas celdas (izquierda, centro, derecha)
<tr valign=?> or <td valign=?>
Setea la alineación vertical de las celdas (arriba, nedio, abajo)
<td colspan=#>
Setea la cantidad de columnas dentro de una celda
<td rowspan=#>
Setea la cantidad de rows que una celda despliega (por defecto=1)
<td nowrap>
Previene que se rompa una linea dentro de la celda
Frames
<frameset></frameset>
tag dentro de un documento de frames
<frameset rows=»value,value»>
Define las filas de un frame, usando números o porcentaje para definir el largo
<frameset cols=»value,value»>
Define las columnas de un frame, usando números o porcentaje para definir el largo
<frame>
Define un solo frame – o región – dentro de frameset
<noframes></noframes>
Define lo que aparecerá en navegadores que no soporten frames
Atributos de los Frames
<frame src=»URL»>
Especifica que documento html será desplegado
<frame name=»name»>
Nombra al frame or región, para que pueda ser llamado desde otro frame
<frame marginwidth=#>
Define los márgenes derecho e izquierdo del frame; debe ser igual o mayor a 1
<frame marginheight=#>
Define los márgenes de arriba y abajo del frame; debe ser igual o mayor a 1
<frame scrolling=VALUE>
Setea si el frame tendrá barra de desplazamiento o no; el valor debe ser «yes,» «no,» o «auto. » El default es «auto».
<frame noresize>
Previeve al usuario de cambiar el tamaño del frame
Formularios
Para forms funcionales, debera correr un script de CGI. El HTML sólo crea la apariencia del formulario.
<form></form>
Crea el formulario
<select multiple name=»NAME» size=?></select>
Crea un menú de desplazamiento. Size setea el número de ítems visibles antes de tener que desplazarse.
<option>
Setea cada ítem del menú <select name=»NAME»></select>
Crea un menú desplegable
<textarea name=»NAME» cols=40 rows=8></textarea>
Crea una área de texto.
<input type=»checkbox» name=»NAME»>
Crea una checkbox.
<input type=»radio» name=»NAME» value=»x»>
Crea un radio button.
<input type=text name=»foo» size=20>
Crea un área de texto de una sola línea. Size setea el largo en caracteres.
<input type=»submit» value=»NAME»>
Crea un botón de envio.
<input type=»image» border=0 name=»NAME» src=»name.gif»>
Crea un botón de envio utilizando una imagen.
<input type=»reset»>
Crea un botón de reseteo
esta bastante bien
muy muy buenas tus etiquetas… me sirvieron de mucho.
Gracias Ale, me alegro que te sean de utilidad.
Saludos
graxias