| Tags Básics |
<html></html>
Crea un documento HTML |
<head></head>
Stea 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 |
| Atributs 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 texte |
<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 |
| Enllaços |
<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árrafa (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 |
| Elements Gráfics |
<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 |
| Taules |
<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) |
| Atributs de les Taules |
<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 |
| Atributs de 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 |
| Formularis |
| Para forms funcionales, deberá 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. |
